fix(react-bindings): multiple client async start handling while loading

statsig-io · Dec 19, 2024 · 4f05bcb · 4f05bcb
1 parent e674819
commit 4f05bcb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/react-bindings/src/useStatsigInternalClientFactoryAsync.ts b/packages/react-bindings/src/useStatsigInternalClientFactoryAsync.ts
@@ -18,6 +18,10 @@ export function useStatsigInternalClientFactoryAsync<T extends StatsigClient>(
 
   const client = useMemo(() => {
     if (clientRef.current) {
+      Promise.resolve(clientRef.current)
+        .catch(Log.error)
+        .finally(() => setIsLoading(false));
+
       return clientRef.current;
     }
 

diff --git a/samples/react/src/main.tsx b/samples/react/src/main.tsx
@@ -3,7 +3,7 @@ import '@fontsource/roboto/400.css';
 import '@fontsource/roboto/500.css';
 import '@fontsource/roboto/700.css';
 import { Box } from '@mui/material';
-import { ReactNode, lazy } from 'react';
+import { ReactNode, StrictMode, lazy } from 'react';
 import * as ReactDOM from 'react-dom/client';
 import {
   RouteObject,
@@ -89,4 +89,8 @@ function App() {
   );
 }
 
-root.render(<App />);
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);