La advertencia que estoy recibiendo:
Warning: React Hook useEffect has a missing dependency: 'router'. Either include it or remove the dependency arrayY el código que escribo en _app.js:
const router = useRouter(); useEffect(() => { router.events.on('routeChangeStart', ()=>{ setProgress(40) }) router.events.on('routeChangeComplete', ()=>{ setProgress(100) }) // console.log("I am refreshed!") try { if(localStorage.getItem("cart")){ setcart(JSON.parse(localStorage.getItem("cart"))) saveCart(JSON.parse(localStorage.getItem("cart"))) } } catch (error) { console.error(error) localStorage.clear() } let token = localStorage.getItem("token"); if(token){ setuser({value: token}) setkeyMaker(Math.random()) } }, [router.query])¡y también he importado {useEffect} y {useRouter} de reaccionar! ¡Por favor, ayúdame a solucionar este problema!
use la instancia del enrutador en su lugar,
import Router from 'next/router';Puede resolver el problema fácilmente.