withProviders helper utils

App.tsx

const App = () => {
  return (
    <Providers>
      <ClientRouter />
    </Providers>
  );
};

Providers.tsx

const Providers = ({ children }: Props) => {
  return (
    <ThemeProvider theme={theme()}>
      <>
        <GlobalStyledTheme />
            <I18nextProvider i18n={i18n}>
              <SnackbarProvider>{children}</SnackbarProvider>
            </I18nextProvider>
      </>
    </ThemeProvider>
  );
};

withProviders

export const withProviders = ({ initialEntries = ['/'], path, Component }) => props => {
  return (
    <Providers>
      <MemoryRouter initialEntries={initialEntries}>
        <Route
          path={path}
          exact={true}
          render={routeProps => {
            return <Component environment={environment} {...routeProps} {...props} />;
          }}
        />
      </MemoryRouter>
    </ConsoleProviders>
  );
};