import React, { useEffect, useState } from "react";

export default function WindowResize() {

    const [windowWidth, setWindowWidth] = useState(window.innerWidth);

    const handleWindowResize = () => setWindowWidth(window.innerWidth)

    useEffect(() => {
        window.addEventListener('resize', handleWindowResize);

        return () => {
            window.removeEventListener('resize', handleWindowResize);
        }
    }, [])

    return(
        <div>
            {windowWidth}
        </div>
    )