Function InternalApp

packages/webapp/pages/_app.tsx:169–504

({ Component, pageProps, router }: AppProps)

});

function InternalApp({ Component, pageProps, router }: AppProps): ReactElement {
  const { isOnboardingActionsReady, isOnboardingComplete } =
    useOnboardingActions();
  const openedHotAndColdFromQueryRef = useRef(false);
  const installReferralRoutedRef = useRef(false);

  const { unreadCount } = useNotificationContext();
  const unreadText = getUnreadText(unreadCount);
  const {
    user,
    trackingId,
    isAuthReady,
    isFunnel,
    shouldShowLogin,
    closeLogin,
    loginState,
  } = useAuthContext();
  // Users arriving from the extension install link land on `/?ref=install`.
  // Evaluate the permission primer experiment as soon as auth is ready (so
  // GrowthBook attributes are set) — gating on onboarding actions would stall
  // logged-out users forever, since the actions query only runs for a user.
  const isComingFromInstall = router.query.ref === 'install';
  const {
    value: isPermissionPrimerEnabled,
    isLoading: isPermissionPrimerLoading,
  } = useConditionalFeature({
    feature: featureOnboardingPermissionPrimer,
    shouldEvaluate: isComingFromInstall && isAuthReady,
  });
  const { showBanner, onAcceptCookies, onOpenBanner, onHideBanner } =
    useCookieBanner();
  useWebVitals();
  useLogPageView();
  const { modal, closeModal, openModal } = useLazyModal();
  useConsoleLogo();
  useIOSError();

  useCheckCoresRole();
  useCheckLocation();

  const activeModalType = modal?.type;
  const hotAndColdModalQuery = router.query[hotAndColdModalQueryKey];
  const shouldOpenHotAndColdFromQuery =
    hotAndColdModalQuery === hotAndColdModalQueryValue ||
    hotAndColdModalQuery === hotAndColdModalLegacyQueryValue ||
    (Array.isArray(hotAndColdModalQuery) &&
      (hotAndColdModalQuery.includes(hotAndColdModalQueryValue) ||
        hotAndColdModalQuery.includes(hotAndColdModalLegacyQueryValue)));
  const swipeOnboardingPreviewQuery =
    router.query[swipeOnboardingPreviewQueryKey];
  const isSwipeOnboardingPreviewForced =
    swipeOnboardingPreviewQuery === '1' ||
    swipeOnboardingPreviewQuery === 'true' ||
    (Array.isArray(swipeOnboardingPreviewQuery) &&
      (swipeOnboardingPreviewQuery.includes('1') ||
        swipeOnboardingPreviewQuery.includes('true')));

  useEffect(() => {