move suspense around lazy component (keycloak#26333)

Signed-off-by: Erik Jan de Wit <[email protected]>
tnorimat · Jan 19, 2024 · 84b2c5e · 84b2c5e
1 parent f20de39
commit 84b2c5e
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/js/apps/account-ui/src/content/ContentComponent.tsx b/js/apps/account-ui/src/content/ContentComponent.tsx
@@ -37,11 +37,7 @@ const ContentComponent = () => {
     [content, componentId],
   );
 
-  return (
-    <Suspense fallback={<Spinner />}>
-      {modulePath && <Component modulePath={modulePath} />}
-    </Suspense>
-  );
+  return modulePath && <Component modulePath={modulePath} />;
 };
 
 type ComponentProps = {
@@ -52,7 +48,11 @@ const Component = ({ modulePath }: ComponentProps) => {
   const Element = lazy(
     () => import(joinPath(environment.resourceUrl, modulePath)),
   );
-  return <Element />;
+  return (
+    <Suspense fallback={<Spinner />}>
+      <Element />
+    </Suspense>
+  );
 };
 
 export default ContentComponent;