React context hell

react-ctx.ts

<ErrorCatcherProvider options={props.catcher}>
  <ClGeoRootRegionsProvider value={props.rootRegions}>
      <ClientConfigProvider value={props.clientConfig}>
          <GoogleOptimizeProvider value={props.googleOptimize}>
              <CookiesProvider cookies={props.cookies}>
                  <SeoTextBuilderProvider value={props.textBuilder}>
                      <AuthProvider auth={props.auth}>
                          <RouterProvider router={props.router}>
                              <BasicErrorProvider isMobile={props.isMobile}>
                                  <FavoritesModalProvider isMobile={props.isMobile}>
                                      <MortgageAppSourceProvider
                                          source={props.mortgageSource}
                                      >
                                          <DeveloperPromoConfigsProvider
                                              developerPromoConfigs={props.developerPromoConfigs}
                                          >
                                              <ShellProvider user={user as User ?? null}>
                                                  <React.Suspense fallback={null}>
                                                      {props.children}
                                                  </React.Suspense>
                                              </ShellProvider>
                                          </DeveloperPromoConfigsProvider>
                                      </MortgageAppSourceProvider>
                                  </FavoritesModalProvider>
                              </ImageLazyObserverProvider>
                          </RouterProvider>
                      </AuthProvider>
                  </SeoTextBuilderProvider>
              </CookiesProvider>
          </GoogleOptimizeProvider>
      </ClientConfigProvider>
  </ClGeoRootRegionsProvider>
</ErrorCatcherProvider>