fix: reset error boundary on route change

1b47ea7f · Stefan Probst · 6ae8d484 · 1b47ea7f
Commit 1b47ea7f authored Mar 05, 2021 by Stefan Probst
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -97,13 +97,17 @@ function Providers({ children }: PropsWithChildren<unknown>) {
 /**
 * App shell.
 */
-export default function App({ Component, pageProps }: AppProps): JSX.Element {
+export default function App({
+  Component,
+  pageProps,
+  router,
+}: AppProps): JSX.Element {
  return (
    <Fragment>
      <Head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
      </Head>
-      <ErrorBoundary fallback={ClientError}>
+      <ErrorBoundary fallback={ClientError} resetOnChange={[router.asPath]}>
        <Providers {...pageProps}>
          <Layout {...pageProps} default={PageLayout}>
            <Component {...pageProps} />