How to avoid re-render infinite loop from event listener (React)

Question

I have the following functional component:

export default function Nav({photo}) {
    const [isOpen, setIsOpen] = useState(false)

    const [width, setWidth]