@statsig/react-bindings 1.5.0 → 1.6.0

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@statsig/react-bindings",
-  "version": "1.5.0",
+  "version": "1.6.0",
   "dependencies": {
-    "@statsig/client-core": "1.5.0"
+    "@statsig/client-core": "1.6.0"
   },
   "peerDependencies": {
     "react": "^16.6.3 || ^17.0.0 || ^18.0.0"

package/src/StatsigProvider.d.ts

@@ -3,5 +3,6 @@ import { StatsigClientInterface } from '@statsig/client-core';
 export type StatsigProviderProps = {
     children: ReactNode | ReactNode[];
     client: StatsigClientInterface;
+    loadingComponent?: ReactNode | ReactNode[];
 };
-export declare function StatsigProvider({ client, children, }: StatsigProviderProps): JSX.Element;
+export declare function StatsigProvider({ client, children, loadingComponent, }: StatsigProviderProps): JSX.Element;

package/src/StatsigProvider.js

@@ -5,7 +5,7 @@ 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, }) {
+function StatsigProvider({ client, children, loadingComponent, }) {
     const [renderVersion, setRenderVersion] = (0, react_1.useState)(0);
     (0, react_1.useEffect)(() => {
         const onValuesUpdated = () => {
@@ -21,10 +21,12 @@ function StatsigProvider({ client, children, }) {
         };
     }, [client]);
     const contextValue = (0, react_1.useMemo)(() => ({ renderVersion, client }), [renderVersion, client]);
-    return ((0, jsx_runtime_1.jsx)(StatsigContext_1.default.Provider, { value: contextValue, children: _shouldRender(client) ? children : null }));
+    return ((0, jsx_runtime_1.jsx)(StatsigContext_1.default.Provider, { value: contextValue, children: loadingComponent == null || _isReady(client)
+            ? children
+            : loadingComponent }));
 }
 exports.StatsigProvider = StatsigProvider;
-function _shouldRender(client) {
+function _isReady(client) {
     if ('isNoop' in client) {
         return true;
     }