/reactuse

useWindowFocus

Returns the current focus state of the window.

Usage

import { useWindowFocus } from "@siberiacancode/reactuse";

const focused = useWindowFocus();

Example

import { useWindowFocus } from "@siberiacancode/reactuse";

export const FocusState = () => {
  const focused = useWindowFocus();

  return (
    <div>
      {focused ? "Focused" : "Blurred"}
      {!focused && <p>Paused while tab is inactive.</p>}
    </div>
  );
};

Type Declarations

export declare const useWindowFocus: () => boolean;