Router.events.on('routeChangeComplete', (url) => { if (window && process.env.GA_MEASUREMENT_ID) { window.gtag('config', process.env.GA_MEASUREMENT_ID, { page_path: url, }); } NProgress.done(); });
Router.events.on('routeChangeStart', () => { NProgress.start(); });
Router.events.on('routeChangeError', () => NProgress.done());
const subscribeRouteChangeStartFunction = dispatch => { const handleRouteChange = url => { if (url !== '/login') { dispatch(setMessage('')); Router.events.off('routeChangeStart', handleRouteChange); } }; Router.events.on('routeChangeStart', handleRouteChange); }
useEffect(() => { function routeChangeStart(url: string) { setLoading(true); } function routeChangeComplete(url: string) { setLoading(false); } Router.events.on('routeChangeStart', routeChangeStart); Router.events.on('routeChangeComplete', routeChangeComplete); return () => { Router.events.off('routeChangeStart', routeChangeStart); Router.events.off('routeChangeComplete', routeChangeComplete); }; }, []);
const LoadingIndicator = () => { function handleRouteChangeStart() { NProgress.start(); } function handleRouteChangeComplete() { NProgress.done(); } useEffect(() => { Router.events.on('routeChangeStart', handleRouteChangeStart); Router.events.on('routeChangeComplete', handleRouteChangeComplete); return () => { Router.events.off('routeChangeStart', handleRouteChangeStart); Router.events.off('routeChangeComplete', handleRouteChangeComplete); }; }, []); NProgress.configure({ showSpinner: false, parent: '.loading-indicator-wrapper', }); return <LoadingIndicatorWrapper />; }
Router.events.on('routeChangeStart', url => { console.log('NProgress--',NProgress, `----- Loading ${url}`) NProgress.start() })
Router.events.on('routeChangeComplete', (url) => { if (window && process.env.GA_MEASUREMENT_ID) { window.gtag('config', process.env.GA_MEASUREMENT_ID, { page_path: url, }); } NProgress.done(); });
Router.events.on('routeChangeComplete', (url) => { if (window && process.env.GA_MEASUREMENT_ID) { window.gtag('config', process.env.GA_MEASUREMENT_ID, { page_path: url, }); } NProgress.done(); });
Router.events.on('routeChangeStart', () => { NProgress.start(); });
Router.events.on('routeChangeStart', () => { NProgress.start(); });
Router.events.on('routeChangeError', () => NProgress.done());
Router.events.on('routeChangeError', () => NProgress.done());
Router.events.on('routeChangeError', () => NProgress.done())
Router.events.on('routeChangeComplete', () => NProgress.done())