Добавлена страница-заглушка для Suspense

src/pages/AdminPanel/index.jsx

@@ -2,6 +2,7 @@ import { Layout, Menu } from 'antd'
 import { lazy, Suspense } from 'react'
 import { Switch, Link, useParams, Redirect, Route } from 'react-router-dom'
 import { PrivateMenuItem, PrivateRoute } from '../../components/Private'
+import { SuspenseFallback } from '../SuspenseFallback'
 
 const ClusterController = lazy(() => import('./ClusterController'))
 const CompanyController = lazy(() => import('./CompanyController'))
@@ -47,7 +48,7 @@ export const AdminPanel = () => {
 
             <Layout>
                 <Layout.Content className={'site-layout-background'}>
-                    <Suspense fallback={<div>Loading...</div>}>
+                    <Suspense fallback={<SuspenseFallback />}>
                         <Switch>
                             <PrivateRoute permission={   'deposit_editor'} path={`${rootPath}/deposit`   } component={   DepositController} />
                             <PrivateRoute permission={   'cluster_editor'} path={`${rootPath}/cluster`   } component={   ClusterController} />

src/pages/SuspenseFallback.jsx

@@ -0,0 +1,9 @@
+import { LoadingOutlined } from '@ant-design/icons'
+import { Flex } from '../components/Grid'
+
+export const SuspenseFallback = ({ style }) => (
+    <Flex style={{ justifyContent: 'center', alignItems: 'center', minHeight: '400px', ...style }}>
+        <LoadingOutlined />
+        <div style={{ marginLeft: '10px' }}>Страница загружается, пожалуйста, подождите...</div>
+    </Flex>
+)