From c336bbde60bf6c573b75bb81c9ac708ea17b42bc Mon Sep 17 00:00:00 2001
From: Renat Kalimulin <103274228+Nilumilak@users.noreply.github.com>
Date: Wed, 9 Oct 2024 02:59:17 +0300
Subject: [PATCH] FE: Fix unnecessary full page re-rendering (#594)

---
 frontend/src/components/PageContainer/PageContainer.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/PageContainer/PageContainer.tsx b/frontend/src/components/PageContainer/PageContainer.tsx
index 9d209e032..4459de6a5 100644
--- a/frontend/src/components/PageContainer/PageContainer.tsx
+++ b/frontend/src/components/PageContainer/PageContainer.tsx
@@ -1,6 +1,7 @@
 import React, {
   type FC,
   type PropsWithChildren,
+  Suspense,
   useEffect,
   useMemo,
 } from 'react';
@@ -15,6 +16,7 @@ import { useClusters } from 'lib/hooks/api/clusters';
 import { ResourceType } from 'generated-sources';
 import { useGetUserInfo } from 'lib/hooks/api/roles';
 import { useScreenSize } from 'lib/hooks/useScreenSize';
+import PageLoader from 'components/common/PageLoader/PageLoader';
 
 const PageContainer: FC<PropsWithChildren> = ({ children }) => {
   const { isLarge } = useScreenSize();
@@ -62,7 +64,7 @@ const PageContainer: FC<PropsWithChildren> = ({ children }) => {
           aria-hidden="true"
           aria-label="Overlay"
         />
-        {children}
+        <Suspense fallback={<PageLoader fullSize />}>{children}</Suspense>
       </S.Container>
     </>
   );