useDocumentVisibility

React Sensor Hook that tracks document.visibilityState.

Usage

import { useDocumentVisibility } from "@reactuses/core";

const Demo = () => {
  const visibility = useDocumentVisibility();
  const message = useRef("💡 Minimize the page or switch tab then return");

  useEffect(() => {
    message.current = "🎉 Welcome back!";
  }, [visibility]);

  return <div>{message.current}</div>;
};

Example

💡 Minimize the page or switch tab then return

Type Declarations

export default function useDocumentVisibility(): DocumentVisibilityState