Skip to main content

useIdleTimeout()

Detects user inactivity after a specified timeout, returning true when idle. Ideal for triggering actions like auto-logout or dimming UI after inactivity.

Import​

import { useIdleTimeout } from "reactuals";

Demo​

Loading...

Usage​

import { useIdleTimeout } from "reactuals";

function IdleTimeout() {
  const isIdle = useIdleTimeout(5000);

  return (
    <div>
      <p className="mt-4">{isIdle ? "User is idle" : "User is active"}</p>
    </div>
  );
}