fix: hydration error from state update in FlagProvider (#124) (#125)

faessler · web-flow · commit fd3a97171ce3 · 2023-08-30T10:16:22.000+02:00
diff --git a/src/FlagProvider.tsx b/src/FlagProvider.tsx
@@ -48,14 +48,18 @@ const FlagProvider: React.FC<React.PropsWithChildren<IFlagProvider>> = ({
     }
 
     const errorCallback = (e: any) => {
-      setFlagsError(currentError => currentError || e);
+      React.startTransition(() => {
+        setFlagsError(currentError => currentError || e);
+      });
     };
 
     let timeout: any;
     const readyCallback = () => {
       // wait for flags to resolve after useFlag gets the same event
       timeout = setTimeout(() => {
-        setFlagsReady(true);
+        React.startTransition(() => {
+          setFlagsReady(true);
+        });
       }, 0);
     };
 
