React Hooks Lab Docz
Getting Starteduse-intersection-observeruse-mouse-positionuse-on-hoveruse-scroll-directionuse-scroll-progressuse-scroll-to-topuse-window-size

use-window-size

Hook Description

window width: 0
window height: 0
import React from "react";
import { useWindowSize } from "react-hooks-lab";
const WindowSize = () => {
  const { innerWidth, innerHeight } = useWindowSize(100);
  return (
    <div>
      window width: {innerWidth}
      <br />
      window height: {innerHeight}
    </div>
  );
};
export default WindowSize;