libre.sh/keycloak-scim
3
0
Fork 0
Code Issues 15 Pull requests Releases 1 Packages Activity Actions

move suspense around lazy component (#26333)

Browse source 
Signed-off-by: Erik Jan de Wit <erikjan.dewit@gmail.com>
This commit is contained in:
Erik Jan de Wit 2024-01-19 13:00:56 +01:00 committed by GitHub
parent f20de396aa
commit 84b2c5eb61
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 6 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
js/apps/account-ui/src/content/ContentComponent.tsx
View file

@ -37,11 +37,7 @@ const ContentComponent = () => {
[content, componentId], [content, componentId],
); );
return ( return modulePath && <Component modulePath={modulePath} />;
<Suspense fallback={<Spinner />}>
{modulePath && <Component modulePath={modulePath} />}
</Suspense>
);
}; };
type ComponentProps = { type ComponentProps = {
@ -52,7 +48,11 @@ const Component = ({ modulePath }: ComponentProps) => {
const Element = lazy( const Element = lazy(
() => import(joinPath(environment.resourceUrl, modulePath)), () => import(joinPath(environment.resourceUrl, modulePath)),
); );
return <Element />; return (
<Suspense fallback={<Spinner />}>
<Element />
</Suspense>
);
}; };
export default ContentComponent; export default ContentComponent;