Function App

pages/_app.tsx:39–80

({
  Component,
  pageProps,
}: AppProps<{
  initialSession: Session;
}>)

}

export default function App({
  Component,
  pageProps,
}: AppProps<{
  initialSession: Session;
}>) {
  const router = useRouter();
  // Create a new supabase browser client on every first render.
  const [supabase] = useState(() => createBrowserSupabaseClient());

  useEffect(() => {
    // Track page views
    const handleRouteChange = () =>
      POSTHOG_ENABLED ? posthog?.capture("$pageview") : "";
    router.events.on("routeChangeComplete", handleRouteChange);

    return () => {
      router.events.off("routeChangeComplete", handleRouteChange);
    };
  }, []);

  return (
    <SessionContextProvider
      supabaseClient={supabase}
      initialSession={pageProps.initialSession}
    >
      <ProfileContextProvider supabase={supabase}>
        {POSTHOG_ENABLED ? (
          <PostHogProvider client={posthog}>
            <Component key={router.asPath} {...pageProps} />
            <SentryUserManager />
          </PostHogProvider>
        ) : (
          <>
            <Component key={router.asPath} {...pageProps} />
            <SentryUserManager />
          </>
        )}
      </ProfileContextProvider>
    </SessionContextProvider>
  );
}