@statsig/react-bindings 0.0.1-beta.10 → 0.0.1-beta.12

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@statsig/react-bindings",
-  "version": "0.0.1-beta.10",
+  "version": "0.0.1-beta.12",
   "dependencies": {
-    "@statsig/client-core": "0.0.1-beta.10"
+    "@statsig/client-core": "0.0.1-beta.12"
   },
   "peerDependencies": {
     "react": "^16.6.3 || ^17.0.0 || ^18.0.0"

package/src/NoopEvaluationsClient.js

@@ -1,51 +1,51 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NoopEvaluationsClient = void 0;
-var client_core_1 = require("@statsig/client-core");
-var noop = function () {
+const client_core_1 = require("@statsig/client-core");
+const _noop = () => {
     // noop
 };
-var NOOP_DETAILS = { reason: 'Error' };
-var defaultEvaluation = function (type) {
-    return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var name = typeof args[0] === 'string' ? args[0] : args[1];
+const _noopAsync = () => Promise.resolve();
+const NOOP_DETAILS = { reason: 'Error' };
+const _defaultEvaluation = (type) => {
+    return (...args) => {
+        const name = typeof args[0] === 'string' ? args[0] : args[1];
         switch (type) {
             case 'gate':
-                return (0, client_core_1.makeFeatureGate)(name, NOOP_DETAILS);
+                return (0, client_core_1.makeFeatureGate)(name, NOOP_DETAILS, null);
             case 'config':
-                return (0, client_core_1.makeDynamicConfig)(name, NOOP_DETAILS);
+                return (0, client_core_1.makeDynamicConfig)(name, NOOP_DETAILS, null);
             case 'layer':
-                return (0, client_core_1.makeLayer)(name, NOOP_DETAILS);
+                return (0, client_core_1.makeLayer)(name, NOOP_DETAILS, null);
         }
     };
 };
-var noopDataAdapter = {
-    _setInMemoryCache: noop,
-    attach: noop,
-    getDataSync: function () { return null; },
-    getDataAsync: function () { return Promise.resolve(null); },
+const _noopDataAdapter = {
+    __setInMemoryCache: _noop,
+    attach: _noop,
+    getDataSync: () => null,
+    getDataAsync: () => Promise.resolve(null),
+    setData: _noop,
+    prefetchData: _noopAsync,
 };
-var client = {
+const _client = {
     isNoop: true,
     loadingStatus: 'Uninitialized',
-    initializeSync: noop,
-    initializeAsync: function () { return Promise.resolve(); },
-    shutdown: function () { return Promise.resolve(); },
-    updateUserSync: noop,
-    updateUserAsync: function (_u) { return Promise.resolve(); },
-    getCurrentUser: function () { return ({ userID: '' }); },
-    checkGate: function () { return false; },
-    getFeatureGate: defaultEvaluation('gate'),
-    getDynamicConfig: defaultEvaluation('config'),
-    getExperiment: defaultEvaluation('config'),
-    getLayer: defaultEvaluation('layer'),
-    logEvent: noop,
-    on: noop,
-    off: noop,
-    getDataAdapter: function () { return noopDataAdapter; },
+    initializeSync: _noop,
+    initializeAsync: _noopAsync,
+    shutdown: _noopAsync,
+    updateRuntimeOptions: _noop,
+    updateUserSync: _noop,
+    updateUserAsync: _noopAsync,
+    getCurrentUser: () => ({ userID: '' }),
+    checkGate: () => false,
+    getFeatureGate: _defaultEvaluation('gate'),
+    getDynamicConfig: _defaultEvaluation('config'),
+    getExperiment: _defaultEvaluation('config'),
+    getLayer: _defaultEvaluation('layer'),
+    logEvent: _noop,
+    on: _noop,
+    off: _noop,
+    dataAdapter: _noopDataAdapter,
 };
-exports.NoopEvaluationsClient = client;
+exports.NoopEvaluationsClient = _client;

package/src/OnDeviceVsPrecomputedUtils.d.ts

@@ -1,5 +1,4 @@
 import { OnDeviceEvaluationsInterface, PrecomputedEvaluationsInterface } from '@statsig/client-core';
-export declare function isPrecomputedEvaluationsClient(client: OnDeviceEvaluationsInterface | PrecomputedEvaluationsInterface | {
-    isNoop: true;
-}): client is PrecomputedEvaluationsInterface;
+export declare function isPrecomputedEvalClient(client: OnDeviceEvaluationsInterface | PrecomputedEvaluationsInterface): client is PrecomputedEvaluationsInterface;
+export declare function isNoopClient(client: OnDeviceEvaluationsInterface | PrecomputedEvaluationsInterface): boolean;
 export declare function logMissingStatsigUserWarning(): void;

package/src/OnDeviceVsPrecomputedUtils.js

@@ -1,14 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.logMissingStatsigUserWarning = exports.isPrecomputedEvaluationsClient = void 0;
-var client_core_1 = require("@statsig/client-core");
-function isPrecomputedEvaluationsClient(client) {
-    if ('isNoop' in client) {
+exports.logMissingStatsigUserWarning = exports.isNoopClient = exports.isPrecomputedEvalClient = void 0;
+const client_core_1 = require("@statsig/client-core");
+function isPrecomputedEvalClient(client) {
+    if (isNoopClient(client)) {
         return false;
     }
     return 'updateUserSync' in client;
 }
-exports.isPrecomputedEvaluationsClient = isPrecomputedEvaluationsClient;
+exports.isPrecomputedEvalClient = isPrecomputedEvalClient;
+function isNoopClient(client) {
+    return 'isNoop' in client;
+}
+exports.isNoopClient = isNoopClient;
 function logMissingStatsigUserWarning() {
     client_core_1.Log.warn('StatsigUser not provided for On Device Evaluation. Returning default value.');
 }

package/src/StatsigContext.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
+const react_1 = require("react");
+const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
 exports.default = (0, react_1.createContext)({
     renderVersion: 0,
-    client: {},
+    client: NoopEvaluationsClient_1.NoopEvaluationsClient,
 });

package/src/StatsigProvider.d.ts

@@ -4,4 +4,4 @@ export type StatsigProviderProps = {
     children: ReactNode | ReactNode[];
     client: StatsigClientInterface;
 };
-export declare function StatsigProvider(props: StatsigProviderProps): JSX.Element;
+export declare function StatsigProvider({ client, children, }: StatsigProviderProps): JSX.Element;

package/src/StatsigProvider.js

@@ -1,26 +1,25 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatsigProvider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var StatsigContext_1 = require("./StatsigContext");
-function StatsigProvider(props) {
-    var _a = (0, react_1.useState)(0), renderVersion = _a[0], setRenderVersion = _a[1];
-    var client = props.client, children = props.children;
-    (0, react_1.useEffect)(function () {
-        var onValuesUpdated = function () {
-            setRenderVersion(function (v) { return v + 1; });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const StatsigContext_1 = require("./StatsigContext");
+function StatsigProvider({ client, children, }) {
+    const [renderVersion, setRenderVersion] = (0, react_1.useState)(0);
+    (0, react_1.useEffect)(() => {
+        const onValuesUpdated = () => {
+            setRenderVersion((v) => v + 1);
         };
         client.on('values_updated', onValuesUpdated);
-        return function () {
-            client.shutdown().catch(function (error) {
+        return () => {
+            client.shutdown().catch((error) => {
                 client_core_1.Log.error('An error occured during shutdown', error);
             });
             client.off('values_updated', onValuesUpdated);
         };
     }, [client]);
-    return ((0, jsx_runtime_1.jsx)(StatsigContext_1.default.Provider, { value: { renderVersion: renderVersion, client: client }, children: _shouldRender(client) ? children : null }));
+    return ((0, jsx_runtime_1.jsx)(StatsigContext_1.default.Provider, { value: { renderVersion, client }, children: _shouldRender(client) ? children : null }));
 }
 exports.StatsigProvider = StatsigProvider;
 function _shouldRender(client) {

package/src/index.d.ts

@@ -4,8 +4,8 @@ import useDynamicConfig from './useDynamicConfig';
 import useExperiment from './useExperiment';
 import useGate from './useGate';
 import useLayer from './useLayer';
-import useStatsigOnDeviceEvaluationsClient from './useStatsigOnDeviceEvaluationsClient';
-import useStatsigPrecomputedEvaluationsClient from './useStatsigPrecomputedEvaluationsClient';
-import useStatsigUser from './useStatsigUser';
+import { useStatsigClient } from './useStatsigClient';
+import { useStatsigOnDeviceEvalClient } from './useStatsigOnDeviceEvalClient';
+import { useStatsigUser } from './useStatsigUser';
 export type { StatsigProviderProps };
-export { StatsigContext, StatsigProvider, useGate, useDynamicConfig, useExperiment, useLayer, useStatsigUser, useStatsigOnDeviceEvaluationsClient, useStatsigPrecomputedEvaluationsClient, };
+export { StatsigContext, StatsigProvider, useDynamicConfig, useExperiment, useGate, useLayer, useStatsigOnDeviceEvalClient, useStatsigClient, useStatsigUser, };

package/src/index.js

@@ -1,33 +1,29 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStatsigPrecomputedEvaluationsClient = exports.useStatsigOnDeviceEvaluationsClient = exports.useStatsigUser = exports.useLayer = exports.useExperiment = exports.useDynamicConfig = exports.useGate = exports.StatsigProvider = exports.StatsigContext = void 0;
-var StatsigContext_1 = require("./StatsigContext");
+exports.useStatsigUser = exports.useStatsigClient = exports.useStatsigOnDeviceEvalClient = exports.useLayer = exports.useGate = exports.useExperiment = exports.useDynamicConfig = exports.StatsigProvider = exports.StatsigContext = void 0;
+const StatsigContext_1 = require("./StatsigContext");
 exports.StatsigContext = StatsigContext_1.default;
-var StatsigProvider_1 = require("./StatsigProvider");
+const StatsigProvider_1 = require("./StatsigProvider");
 Object.defineProperty(exports, "StatsigProvider", { enumerable: true, get: function () { return StatsigProvider_1.StatsigProvider; } });
-var useDynamicConfig_1 = require("./useDynamicConfig");
+const useDynamicConfig_1 = require("./useDynamicConfig");
 exports.useDynamicConfig = useDynamicConfig_1.default;
-var useExperiment_1 = require("./useExperiment");
+const useExperiment_1 = require("./useExperiment");
 exports.useExperiment = useExperiment_1.default;
-var useGate_1 = require("./useGate");
+const useGate_1 = require("./useGate");
 exports.useGate = useGate_1.default;
-var useLayer_1 = require("./useLayer");
+const useLayer_1 = require("./useLayer");
 exports.useLayer = useLayer_1.default;
-var useStatsigOnDeviceEvaluationsClient_1 = require("./useStatsigOnDeviceEvaluationsClient");
-exports.useStatsigOnDeviceEvaluationsClient = useStatsigOnDeviceEvaluationsClient_1.default;
-var useStatsigPrecomputedEvaluationsClient_1 = require("./useStatsigPrecomputedEvaluationsClient");
-exports.useStatsigPrecomputedEvaluationsClient = useStatsigPrecomputedEvaluationsClient_1.default;
-var useStatsigUser_1 = require("./useStatsigUser");
-exports.useStatsigUser = useStatsigUser_1.default;
-__STATSIG__ = __assign(__assign({}, __STATSIG__), { StatsigContext: StatsigContext_1.default, StatsigProvider: StatsigProvider_1.StatsigProvider, useGate: useGate_1.default, useDynamicConfig: useDynamicConfig_1.default, useExperiment: useExperiment_1.default, useLayer: useLayer_1.default, useStatsigOnDeviceEvaluationsClient: useStatsigOnDeviceEvaluationsClient_1.default, useStatsigPrecomputedEvaluationsClient: useStatsigPrecomputedEvaluationsClient_1.default });
+const useStatsigClient_1 = require("./useStatsigClient");
+Object.defineProperty(exports, "useStatsigClient", { enumerable: true, get: function () { return useStatsigClient_1.useStatsigClient; } });
+const useStatsigOnDeviceEvalClient_1 = require("./useStatsigOnDeviceEvalClient");
+Object.defineProperty(exports, "useStatsigOnDeviceEvalClient", { enumerable: true, get: function () { return useStatsigOnDeviceEvalClient_1.useStatsigOnDeviceEvalClient; } });
+const useStatsigUser_1 = require("./useStatsigUser");
+Object.defineProperty(exports, "useStatsigUser", { enumerable: true, get: function () { return useStatsigUser_1.useStatsigUser; } });
+__STATSIG__ = Object.assign(Object.assign({}, (__STATSIG__ !== null && __STATSIG__ !== void 0 ? __STATSIG__ : {})), { StatsigContext: StatsigContext_1.default,
+    StatsigProvider: StatsigProvider_1.StatsigProvider,
+    useDynamicConfig: useDynamicConfig_1.default,
+    useExperiment: useExperiment_1.default,
+    useGate: useGate_1.default,
+    useLayer: useLayer_1.default,
+    useStatsigOnDeviceEvalClient: useStatsigOnDeviceEvalClient_1.useStatsigOnDeviceEvalClient,
+    useStatsigClient: useStatsigClient_1.useStatsigClient });

package/src/useConfigImpl.js

@@ -1,36 +1,24 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useConfigImpl = void 0;
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
-var OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
-var StatsigContext_1 = require("./StatsigContext");
-function useConfigImpl(hook, configName, options) {
-    if (options === void 0) { options = __assign(__assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null }); }
-    var client = (0, react_1.useContext)(StatsigContext_1.default).client;
-    var config = (0, react_1.useMemo)(function () {
-        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvaluationsClient)(client)) {
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
+const OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
+const StatsigContext_1 = require("./StatsigContext");
+function useConfigImpl(hook, configName, options = Object.assign(Object.assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null })) {
+    const { client, renderVersion } = (0, react_1.useContext)(StatsigContext_1.default);
+    const config = (0, react_1.useMemo)(() => {
+        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
             return client.getDynamicConfig(configName, options);
         }
         if (options.user != null) {
             return client.getDynamicConfig(configName, options.user, options);
         }
-        var type = hook === 'useDynamicConfig' ? 'dynamic config' : 'experiment';
-        client_core_1.Log.warn("".concat(hook, " hook failed to find a valid Statsig client for ").concat(type, " '").concat(configName, "'."));
+        const type = hook === 'useDynamicConfig' ? 'dynamic config' : 'experiment';
+        client_core_1.Log.warn(`${hook} hook failed to find a valid Statsig client for ${type} '${configName}'.`);
         return NoopEvaluationsClient_1.NoopEvaluationsClient.getDynamicConfig(configName, options);
-    }, [client.loadingStatus, options]);
+    }, [configName, renderVersion, options]);
     return config;
 }
 exports.useConfigImpl = useConfigImpl;

package/src/useDynamicConfig.js

@@ -1,20 +1,8 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var client_core_1 = require("@statsig/client-core");
-var useConfigImpl_1 = require("./useConfigImpl");
-function default_1(configName, options) {
-    if (options === void 0) { options = __assign(__assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null }); }
+const client_core_1 = require("@statsig/client-core");
+const useConfigImpl_1 = require("./useConfigImpl");
+function default_1(configName, options = Object.assign(Object.assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null })) {
     return (0, useConfigImpl_1.useConfigImpl)('useDynamicConfig', configName, options);
 }
 exports.default = default_1;

package/src/useExperiment.js

@@ -1,20 +1,8 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var client_core_1 = require("@statsig/client-core");
-var useConfigImpl_1 = require("./useConfigImpl");
-function default_1(experimentName, options) {
-    if (options === void 0) { options = __assign(__assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null }); }
+const client_core_1 = require("@statsig/client-core");
+const useConfigImpl_1 = require("./useConfigImpl");
+function default_1(experimentName, options = Object.assign(Object.assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null })) {
     return (0, useConfigImpl_1.useConfigImpl)('useExperiment', experimentName, options);
 }
 exports.default = default_1;

package/src/useGate.js

@@ -1,34 +1,22 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
-var OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
-var StatsigContext_1 = require("./StatsigContext");
-function default_1(gateName, options) {
-    if (options === void 0) { options = __assign(__assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null }); }
-    var client = (0, react_1.useContext)(StatsigContext_1.default).client;
-    var gate = (0, react_1.useMemo)(function () {
-        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvaluationsClient)(client)) {
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
+const OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
+const StatsigContext_1 = require("./StatsigContext");
+function default_1(gateName, options = Object.assign(Object.assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null })) {
+    const { client, renderVersion } = (0, react_1.useContext)(StatsigContext_1.default);
+    const gate = (0, react_1.useMemo)(() => {
+        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
             return client.getFeatureGate(gateName, options);
         }
         if (options.user != null) {
             return client.getFeatureGate(gateName, options.user, options);
         }
-        client_core_1.Log.warn("useGate hook failed to find a valid Statsig client for gate '".concat(gateName, "'."));
+        client_core_1.Log.warn(`useGate hook failed to find a valid Statsig client for gate '${gateName}'.`);
         return NoopEvaluationsClient_1.NoopEvaluationsClient.getFeatureGate(gateName, options);
-    }, [client.loadingStatus, options]);
+    }, [gateName, renderVersion, options]);
     return gate;
 }
 exports.default = default_1;

package/src/useLayer.js

@@ -1,34 +1,22 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
-var OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
-var StatsigContext_1 = require("./StatsigContext");
-function default_1(layerName, options) {
-    if (options === void 0) { options = __assign(__assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null }); }
-    var client = (0, react_1.useContext)(StatsigContext_1.default).client;
-    var layer = (0, react_1.useMemo)(function () {
-        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvaluationsClient)(client)) {
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
+const OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
+const StatsigContext_1 = require("./StatsigContext");
+function default_1(layerName, options = Object.assign(Object.assign({}, client_core_1.DEFAULT_EVAL_OPTIONS), { user: null })) {
+    const { client, renderVersion } = (0, react_1.useContext)(StatsigContext_1.default);
+    const layer = (0, react_1.useMemo)(() => {
+        if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
             return client.getLayer(layerName, options);
         }
         if (options.user != null) {
             return client.getLayer(layerName, options.user, options);
         }
-        client_core_1.Log.warn("useLayer hook failed to find a valid Statsig client for layer '".concat(layerName, "'."));
+        client_core_1.Log.warn(`useLayer hook failed to find a valid Statsig client for layer '${layerName}'.`);
         return NoopEvaluationsClient_1.NoopEvaluationsClient.getLayer(layerName, options);
-    }, [client.loadingStatus, options]);
+    }, [layerName, renderVersion, options]);
     return layer;
 }
 exports.default = default_1;

package/src/useStatsigClient.d.ts

@@ -0,0 +1,2 @@
+import { PrecomputedEvaluationsInterface } from '@statsig/client-core';
+export declare function useStatsigClient(): PrecomputedEvaluationsInterface;

package/src/useStatsigClient.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStatsigClient = void 0;
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
+const OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
+const StatsigContext_1 = require("./StatsigContext");
+function useStatsigClient() {
+    const { client } = (0, react_1.useContext)(StatsigContext_1.default);
+    if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
+        return client;
+    }
+    client_core_1.Log.warn('Attempting to retrive a Statsig StatsigClient but none was set.');
+    return NoopEvaluationsClient_1.NoopEvaluationsClient;
+}
+exports.useStatsigClient = useStatsigClient;

package/src/useStatsigOnDeviceEvalClient.d.ts

@@ -0,0 +1,2 @@
+import { OnDeviceEvaluationsInterface } from '@statsig/client-core';
+export declare function useStatsigOnDeviceEvalClient(): OnDeviceEvaluationsInterface;

package/src/useStatsigOnDeviceEvalClient.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStatsigOnDeviceEvalClient = void 0;
+const react_1 = require("react");
+const client_core_1 = require("@statsig/client-core");
+const NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
+const OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
+const StatsigContext_1 = require("./StatsigContext");
+function useStatsigOnDeviceEvalClient() {
+    const { client } = (0, react_1.useContext)(StatsigContext_1.default);
+    if (!(0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvalClient)(client)) {
+        return client;
+    }
+    client_core_1.Log.warn('Attempting to retrive a Statsig StatsigOnDeviceEvalClient but none was set.');
+    return NoopEvaluationsClient_1.NoopEvaluationsClient;
+}
+exports.useStatsigOnDeviceEvalClient = useStatsigOnDeviceEvalClient;

package/src/useStatsigUser.d.ts

@@ -4,4 +4,4 @@ export type UseStatsigUserResult = {
     updateUserSync: (fn: (prevState: StatsigUser) => StatsigUser) => void;
     updateUserAsync: (fn: (prevState: StatsigUser) => StatsigUser) => Promise<void>;
 };
-export default function (): UseStatsigUserResult;
+export declare function useStatsigUser(): UseStatsigUserResult;

package/src/useStatsigUser.js

@@ -1,18 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-var useStatsigPrecomputedEvaluationsClient_1 = require("./useStatsigPrecomputedEvaluationsClient");
-function default_1() {
-    var client = (0, useStatsigPrecomputedEvaluationsClient_1.default)();
+exports.useStatsigUser = void 0;
+const react_1 = require("react");
+const useStatsigClient_1 = require("./useStatsigClient");
+function useStatsigUser() {
+    const client = (0, useStatsigClient_1.useStatsigClient)();
+    const memoUser = (0, react_1.useMemo)(() => {
+        return client.getCurrentUser();
+    }, [client, client.getCurrentUser()]);
     return {
-        user: client.getCurrentUser(),
-        updateUserSync: function (fn) {
-            var user = fn(client.getCurrentUser());
+        user: memoUser,
+        updateUserSync: (fn) => {
+            const user = fn(memoUser);
             client.updateUserSync(user);
         },
-        updateUserAsync: function (fn) {
-            var user = fn(client.getCurrentUser());
+        updateUserAsync: (fn) => {
+            const user = fn(memoUser);
             return client.updateUserAsync(user);
         },
     };
 }
-exports.default = default_1;
+exports.useStatsigUser = useStatsigUser;

package/src/useStatsigOnDeviceEvaluationsClient.d.ts

@@ -1,2 +0,0 @@
-import { OnDeviceEvaluationsInterface } from '@statsig/client-core';
-export default function (): OnDeviceEvaluationsInterface;

package/src/useStatsigOnDeviceEvaluationsClient.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
-var OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
-var StatsigContext_1 = require("./StatsigContext");
-function default_1() {
-    var client = (0, react_1.useContext)(StatsigContext_1.default).client;
-    if (!(0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvaluationsClient)(client)) {
-        return client;
-    }
-    client_core_1.Log.warn('Attempting to retrive a Statsig OnDeviceEvaluationsClient but none was set.');
-    return NoopEvaluationsClient_1.NoopEvaluationsClient;
-}
-exports.default = default_1;

package/src/useStatsigPrecomputedEvaluationsClient.d.ts

@@ -1,2 +0,0 @@
-import { PrecomputedEvaluationsInterface } from '@statsig/client-core';
-export default function (): PrecomputedEvaluationsInterface;

package/src/useStatsigPrecomputedEvaluationsClient.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var client_core_1 = require("@statsig/client-core");
-var NoopEvaluationsClient_1 = require("./NoopEvaluationsClient");
-var OnDeviceVsPrecomputedUtils_1 = require("./OnDeviceVsPrecomputedUtils");
-var StatsigContext_1 = require("./StatsigContext");
-function default_1() {
-    var client = (0, react_1.useContext)(StatsigContext_1.default).client;
-    if ((0, OnDeviceVsPrecomputedUtils_1.isPrecomputedEvaluationsClient)(client)) {
-        return client;
-    }
-    client_core_1.Log.warn('Attempting to retrive a Statsig PrecomputedEvaluationsClient but none was set.');
-    return NoopEvaluationsClient_1.NoopEvaluationsClient;
-}
-exports.default = default_1;