How to solve: Create a Custom useWindowWidth Hook?

Question

Accepted Answer

To implement `useWindowWidth`:
1. Initialize width state: `const [width, setWidth] = useState(window.innerWidth)`.
2. Use `useEffect` with an empty dependency array `[]` to register event listeners once.
3. Define the handler function: `const handleResize = () => setWidth(window.innerWidth)`.
4. Attach listener: `window.addEventListener('resize', handleResize)`.
5. Return the cleanup function: `return () => window.removeEventListener('resize', handleResize)`.