Skip to content

useWindowSize

@hua-labs/hua/motion

bash
npm install @hua-labs/hua
tsx
import { useWindowSize } from "@hua-labs/hua/framework";

tsx
const { width, height, isMounted } = useWindowSize();

if (!isMounted) return null;

return (
  <p>Window: {width} x {height}</p>
);

debouncenumber100Debounce delay in milliseconds
initialWidthnumber0Initial width for SSR
initialHeightnumber0Initial height for SSR

widthnumberWindow inner width
heightnumberWindow inner height
isMountedbooleanWhether component is mounted (SSR safety)