Changing state on route change Next.js

if you’re using a functional React component, you can do this:

const router = useRouter();

useEffect(() => {
  if (isMenuOpen) {
    setMenuOpen(!isMenuOpen);
  }
}, [router.asPath]);