Hooks

useIdle

Publisher

cermuel

50 hooks published

More from this publisher

useIdle

Detect user inactivity and activity restoration.

useIdle.tsx
import { useIdle } from "@cermuel/hooks/react";export function useIdleExample() {  const idle = useIdle(60000);  return <p>{idle.idle ? "Idle" : "Active"}</p>;}

Props

Param
Type
Default Value
timeout?
number
60000
events?
string[]
["mousemove", "keydown", "pointerdown", "scroll", "touchstart"]

Returns

{ idle: boolean; reset: () => void; }