useDocumentVisibility

Installation

npm install @1hook/use-document-visibility

import { useDocumentVisibility } from '@1hook/use-document-visibility'

Track the document visibility:

const isVisible = useDocumentVisibility()

Prevent rerendering when the visibility changes:

useDocumentVisibility({
  trackState: false,
  onChange: (isVisible) => console.log(isVisible),
})

The options for the useDocumentVisibility hook.

Prop	Type	Default
`trackState?`	`boolean`	`true`
`onChange?`	`((isVisible: boolean) => void)`	-