@statsig/react-bindings-on-device-eval 3.1.0 → 3.2.0-beta.1

package/package.json

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

package/src/useOnDeviceClientAsyncInit.js

@@ -6,14 +6,19 @@ const client_core_1 = require("@statsig/client-core");
 const js_on_device_eval_client_1 = require("@statsig/js-on-device-eval-client");
 function useOnDeviceClientAsyncInit(sdkKey, statsigOptions = null) {
     const [isLoading, setIsLoading] = (0, react_1.useState)(true);
-    const [args] = (0, react_1.useState)(() => {
-        const client = new js_on_device_eval_client_1.StatsigOnDeviceEvalClient(sdkKey, 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_on_device_eval_client_1.StatsigOnDeviceEvalClient(sdkKey, statsigOptions);
+        clientRef.current = inst;
+        inst
             .initializeAsync()
             .catch(client_core_1.Log.error)
             .finally(() => setIsLoading(false));
-        return { client, sdkKey };
-    });
-    return { client: args.client, isLoading };
+        return inst;
+    }, []);
+    return { client, isLoading };
 }
 exports.useOnDeviceClientAsyncInit = useOnDeviceClientAsyncInit;

package/src/useOnDeviceClientBootstrapInit.js

@@ -4,12 +4,16 @@ exports.useOnDeviceClientBootstrapInit = void 0;
 const react_1 = require("react");
 const js_on_device_eval_client_1 = require("@statsig/js-on-device-eval-client");
 function useOnDeviceClientBootstrapInit(sdkKey, initialValues, statsigOptions = null) {
-    const [args] = (0, react_1.useState)(() => {
-        const client = new js_on_device_eval_client_1.StatsigOnDeviceEvalClient(sdkKey, statsigOptions);
-        client.dataAdapter.setData(initialValues);
-        client.initializeSync();
-        return { client, initialValues, 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_on_device_eval_client_1.StatsigOnDeviceEvalClient(sdkKey, statsigOptions);
+        clientRef.current = inst;
+        inst.dataAdapter.setData(initialValues);
+        inst.initializeSync();
+        return inst;
+    }, []);
 }
 exports.useOnDeviceClientBootstrapInit = useOnDeviceClientBootstrapInit;