diff options
| -rw-r--r-- | src/pages/_app.jsx | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx index 2ab028bd..beacb122 100644 --- a/src/pages/_app.jsx +++ b/src/pages/_app.jsx @@ -17,12 +17,15 @@ function MyApp({ Component, pageProps }) { const [animateLoader, setAnimateLoader] = useState(false) useEffect(() => { - Router.events.on('routeChangeStart', () => setAnimateLoader(true)) - Router.events.on('routeChangeComplete', () => setAnimateLoader(false)) + const handleRouteChangeStart = () => setAnimateLoader(true) + const handleRouteChangeComplete = () => setAnimateLoader(false) + + Router.events.on('routeChangeStart', handleRouteChangeStart) + Router.events.on('routeChangeComplete', handleRouteChangeComplete) return () => { - Router.events.off('routeChangeStart', () => setAnimateLoader(true)) - Router.events.off('routeChangeComplete', () => setAnimateLoader(false)) + Router.events.off('routeChangeStart', handleRouteChangeStart) + Router.events.off('routeChangeComplete', handleRouteChangeComplete) } }, []) |