apal21 / nextjs-progressbar

A simple Next.js progressbar component using NProgress.
https://www.npmjs.com/package/nextjs-progressbar
MIT License
776 stars 61 forks source link

Feat: callback props added #92

Closed camcam2605 closed 1 year ago

camcam2605 commented 1 year ago

support onProgressStart, onProgressComplete, onProgressError,

imranbarbhuiya commented 1 year ago

This isn't related to progressbar, you can achieve this using useEffect and next/router events

  React.useEffect(() => {
    Router.events.on('routeChangeStart', routeChangeStart);
    Router.events.on('routeChangeComplete', routeChangeEnd);
    Router.events.on('routeChangeError', routeChangeError);
    return () => {
      Router.events.off('routeChangeStart', routeChangeStart);
      Router.events.off('routeChangeComplete', routeChangeEnd);
      Router.events.off('routeChangeError', routeChangeError);
    };
  }, []);