@statsig/react-bindings 3.1.0 → 3.2.0

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@statsig/react-bindings",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "dependencies": {
-    "@statsig/client-core": "3.1.0",
-    "@statsig/js-client": "3.1.0"
+    "@statsig/client-core": "3.2.0",
+    "@statsig/js-client": "3.2.0"
   },
   "peerDependencies": {
     "react": "^16.6.3 || ^17.0.0 || ^18.0.0"

package/src/useClientAsyncInit.js

@@ -6,14 +6,19 @@ const client_core_1 = require("@statsig/client-core");
 const js_client_1 = require("@statsig/js-client");
 function useClientAsyncInit(sdkKey, initialUser, statsigOptions = null) {
     const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [args] = (0, react_1.useState)(() => {
-        const client = new js_client_1.StatsigClient(sdkKey, initialUser, statsigOptions);
-        client
+    const clientRef = (0, react_1.useRef)(null);
+    const client = (0, react_1.useMemo)(() => {
+        if (clientRef.current) {
+            return clientRef.current;
+        }
+        const inst = new js_client_1.StatsigClient(sdkKey, initialUser, statsigOptions);
+        clientRef.current = inst;
+        inst
             .initializeAsync()
             .catch(client_core_1.Log.error)
             .finally(() => setIsLoading(false));
-        return { client, initialUser, sdkKey };
-    });
-    return { client: args.client, isLoading };
+        return inst;
+    }, []);
+    return { client, isLoading };
 }
 exports.useClientAsyncInit = useClientAsyncInit;

package/src/useClientBootstrapInit.js

@@ -4,12 +4,16 @@ exports.useClientBootstrapInit = void 0;
 const react_1 = require("react");
 const js_client_1 = require("@statsig/js-client");
 function useClientBootstrapInit(sdkKey, initialUser, initialValues, statsigOptions = null) {
-    const [args] = (0, react_1.useState)(() => {
-        const client = new js_client_1.StatsigClient(sdkKey, initialUser, statsigOptions);
-        client.dataAdapter.setData(initialValues);
-        client.initializeSync();
-        return { client, initialValues, initialUser, sdkKey };
-    });
-    return args.client;
+    const clientRef = (0, react_1.useRef)(null);
+    return (0, react_1.useMemo)(() => {
+        if (clientRef.current) {
+            return clientRef.current;
+        }
+        const inst = new js_client_1.StatsigClient(sdkKey, initialUser, statsigOptions);
+        clientRef.current = inst;
+        inst.dataAdapter.setData(initialValues);
+        inst.initializeSync();
+        return inst;
+    }, []);
 }
 exports.useClientBootstrapInit = useClientBootstrapInit;