Merge pull request #2900 from Hyperkid123/use-suspense-loader

Use suspense loader utility from FEC utils.

package.json

@@ -144,7 +144,7 @@
     "@redhat-cloud-services/frontend-components": "^4.2.11",
     "@redhat-cloud-services/frontend-components-notifications": "^4.1.0",
     "@redhat-cloud-services/frontend-components-pdf-generator": "4.0.5",
-    "@redhat-cloud-services/frontend-components-utilities": "^4.0.13",
+    "@redhat-cloud-services/frontend-components-utilities": "^4.0.14",
     "@redhat-cloud-services/host-inventory-client": "1.2.0",
     "@redhat-cloud-services/rbac-client": "1.2.0",
     "@scalprum/core": "^0.7.0",

src/bootstrap.tsx

@@ -16,9 +16,9 @@ import chromeStore from './state/chromeStore';
 import { GenerateId } from '@patternfly/react-core/dist/dynamic/helpers/GenerateId/GenerateId';
 import { isPreviewAtom } from './state/atoms/releaseAtom';
 import AppPlaceholder from './components/AppPlaceholder';
-import useAsyncLoader from './hooks/useAsyncLoader';
 import { ChromeUserConfig, initChromeUserConfig } from './utils/initUserConfig';
 import ChromeAuthContext from './auth/ChromeAuthContext';
+import useSuspenseLoader from '@redhat-cloud-services/frontend-components-utilities/useSuspenseLoader/useSuspenseLoader';
 
 const isITLessEnv = ITLess();
 const language: keyof typeof messages = 'en';
@@ -68,7 +68,7 @@ const ConfigLoader = () => {
   function initFail() {
     initPreview(false);
   }
-  const { loader } = useAsyncLoader(initChromeUserConfig, initSuccess, initFail);
+  const { loader } = useSuspenseLoader(initChromeUserConfig, initSuccess, initFail);
   const [cookieElement, setCookieElement] = useState<HTMLAnchorElement | null>(null);
   return (
     <Suspense fallback={<AppPlaceholder cookieElement={cookieElement} setCookieElement={setCookieElement} />}>