@selfcommunity/react-core/lib/esm/utils/hooks/usePageVisibility.js

React Core Components useful for integrating UI Community components (react-ui).

import { useEffect, useState } from 'react';
const usePageVisibility = () => {
    const [isPageVisible, setIsPageVisible] = useState(true);
    useEffect(() => {
        const handleVisibilityChange = () => {
            setIsPageVisible(!document.hidden);
        };
        document.addEventListener('visibilitychange', handleVisibilityChange);
        return () => {
            document.removeEventListener('visibilitychange', handleVisibilityChange);
        };
    }, []);
    return isPageVisible;
};
export default usePageVisibility;