useWindowSize.md

useWindowSize

A hook to track the window size and update on resize events.

Arguments

• None

Returns

• windowSize (object): An object containing width and height of the window.

Hooks Involved

• useState
• useEventListener

How to Use

import useWindowSize from "./useWindowSize"

export default function WindowSizeComponent() {
    const { width, height } = useWindowSize()

    return (
        <div>
            {width} x {height}
        </div>
    )
}