fix(explorer): wrap routes in suspense (#3894)

This commit is contained in:
Edd 2023-05-23 11:15:13 +01:00 committed by GitHub
parent 3208f762fd
commit 9f8f99b50b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -13,6 +13,7 @@ import { DEFAULT_CACHE_CONFIG } from '@vegaprotocol/apollo-client';
import { RouterProvider } from 'react-router-dom'; import { RouterProvider } from 'react-router-dom';
import { router } from './routes/router-config'; import { router } from './routes/router-config';
import { t } from '@vegaprotocol/i18n'; import { t } from '@vegaprotocol/i18n';
import { Suspense } from 'react';
const splashLoading = ( const splashLoading = (
<Splash> <Splash>
@ -32,7 +33,9 @@ function App() {
skeleton={<div>{t('Loading')}</div>} skeleton={<div>{t('Loading')}</div>}
failure={<AppFailure title={t(`Node: ${VEGA_URL} is unsuitable`)} />} failure={<AppFailure title={t(`Node: ${VEGA_URL} is unsuitable`)} />}
> >
<RouterProvider router={router} fallbackElement={splashLoading} /> <Suspense fallback={splashLoading}>
<RouterProvider router={router} fallbackElement={splashLoading} />
</Suspense>
</NodeGuard> </NodeGuard>
<NodeSwitcherDialog <NodeSwitcherDialog
open={nodeSwitcherOpen} open={nodeSwitcherOpen}