useVisibilityChange

Reactive boolean that reflects the document's Page Visibility state.

Usage#

import { useVisibilityChange } from '@primereact/hooks/use-visibility-change';

const isVisible = useVisibilityChange();
 
React.useEffect(() => {
    if (!isVisible) pauseTimers();
    else resumeTimers();
}, [isVisible]);

Listens to the visibilitychange event and returns true while the tab is active, false when backgrounded or minimized.

function useVisibilityChange(): boolean;

Throttle or pause work while the tab isn't visible — polling requests, animations, WebSocket pings — and resume when the user comes back.