diff --git a/src/frontend/src/controllers/API/queries/flows/use-get-basic-examples.ts b/src/frontend/src/controllers/API/queries/flows/use-get-basic-examples.ts index d6cc3dc55..45066c22f 100644 --- a/src/frontend/src/controllers/API/queries/flows/use-get-basic-examples.ts +++ b/src/frontend/src/controllers/API/queries/flows/use-get-basic-examples.ts @@ -26,6 +26,7 @@ export const useGetBasicExamplesQuery: useQueryFunctionType< const queryResult = query(["useGetBasicExamplesQuery"], responseFn, { ...options, + retry: 3, }); return queryResult; diff --git a/src/frontend/src/pages/AppInitPage/index.tsx b/src/frontend/src/pages/AppInitPage/index.tsx index 2eb8b2976..be43fa5b9 100644 --- a/src/frontend/src/pages/AppInitPage/index.tsx +++ b/src/frontend/src/pages/AppInitPage/index.tsx @@ -26,10 +26,13 @@ export function AppInitPage() { useGetConfig({ enabled: isFetched }); const { isFetched: typesLoaded } = useGetTypes({ enabled: isFetched }); useGetGlobalVariables({ enabled: typesLoaded }); - useGetBasicExamplesQuery({ enabled: typesLoaded }); useGetTagsQuery({ enabled: typesLoaded }); - - useGetFoldersQuery({ enabled: typesLoaded }); + useGetFoldersQuery({ + enabled: typesLoaded, + }); + const { isFetched: isExamplesFetched } = useGetBasicExamplesQuery({ + enabled: typesLoaded, + }); useEffect(() => { if (isFetched) { @@ -49,11 +52,13 @@ export function AppInitPage() { //need parent component with width and height <> {isLoaded ? ( - (isLoading || !isFetched || !typesLoaded) && + (isLoading || !isFetched || !isExamplesFetched || !typesLoaded) && ( + + ) ) : ( )} - {isFetched && typesLoaded && } + {isFetched && isExamplesFetched && typesLoaded && } ); }