@unifold/react-provider 0.1.52 → 0.1.54

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
+import { QueryClient } from '@tanstack/react-query';
 
 interface UnifoldConfig {
     publishableKey: string;
@@ -7,10 +8,18 @@ interface UnifoldConfig {
 interface UnifoldProviderProps {
     children: React.ReactNode;
     publishableKey: string;
+    /**
+     * Bring your own TanStack QueryClient. When provided, UnifoldProvider will
+     * use this client and will NOT wrap children in a QueryClientProvider
+     * (it assumes one already exists higher in the tree).
+     *
+     * When omitted, an internal QueryClient is created automatically.
+     */
+    queryClient?: QueryClient;
 }
-declare function UnifoldProvider({ children, publishableKey, }: UnifoldProviderProps): react_jsx_runtime.JSX.Element;
+declare function UnifoldProvider({ children, publishableKey, queryClient: externalQueryClient, }: UnifoldProviderProps): react_jsx_runtime.JSX.Element;
 declare function useUnifold(): {
     publishableKey: string;
 };
 
-export { type UnifoldConfig, UnifoldProvider, useUnifold };
+export { type UnifoldConfig, UnifoldProvider, type UnifoldProviderProps, useUnifold };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import React from 'react';
+import { QueryClient } from '@tanstack/react-query';
 
 interface UnifoldConfig {
     publishableKey: string;
@@ -7,10 +8,18 @@ interface UnifoldConfig {
 interface UnifoldProviderProps {
     children: React.ReactNode;
     publishableKey: string;
+    /**
+     * Bring your own TanStack QueryClient. When provided, UnifoldProvider will
+     * use this client and will NOT wrap children in a QueryClientProvider
+     * (it assumes one already exists higher in the tree).
+     *
+     * When omitted, an internal QueryClient is created automatically.
+     */
+    queryClient?: QueryClient;
 }
-declare function UnifoldProvider({ children, publishableKey, }: UnifoldProviderProps): react_jsx_runtime.JSX.Element;
+declare function UnifoldProvider({ children, publishableKey, queryClient: externalQueryClient, }: UnifoldProviderProps): react_jsx_runtime.JSX.Element;
 declare function useUnifold(): {
     publishableKey: string;
 };
 
-export { type UnifoldConfig, UnifoldProvider, useUnifold };
+export { type UnifoldConfig, UnifoldProvider, type UnifoldProviderProps, useUnifold };

package/dist/index.js

@@ -40,9 +40,11 @@ var createQueryClient = () => new import_react_query.QueryClient({
 });
 function UnifoldProvider({
   children,
-  publishableKey
+  publishableKey,
+  queryClient: externalQueryClient
 }) {
-  const [queryClient] = (0, import_react.useState)(() => createQueryClient());
+  const [internalQueryClient] = (0, import_react.useState)(() => createQueryClient());
+  const queryClient = externalQueryClient ?? internalQueryClient;
   (0, import_react.useEffect)(() => {
     if (!publishableKey || publishableKey.trim() === "") {
       throw new Error(
@@ -67,7 +69,11 @@ function UnifoldProvider({
     }),
     [publishableKey]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnifoldContext.Provider, { value: contextValue, children }) });
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UnifoldContext.Provider, { value: contextValue, children });
+  if (externalQueryClient) {
+    return content;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_query.QueryClientProvider, { client: queryClient, children: content });
 }
 function useUnifold() {
   const context = (0, import_react.useContext)(UnifoldContext);

package/dist/index.mjs

@@ -20,9 +20,11 @@ var createQueryClient = () => new QueryClient({
 });
 function UnifoldProvider({
   children,
-  publishableKey
+  publishableKey,
+  queryClient: externalQueryClient
 }) {
-  const [queryClient] = useState(() => createQueryClient());
+  const [internalQueryClient] = useState(() => createQueryClient());
+  const queryClient = externalQueryClient ?? internalQueryClient;
   useEffect(() => {
     if (!publishableKey || publishableKey.trim() === "") {
       throw new Error(
@@ -47,7 +49,11 @@ function UnifoldProvider({
     }),
     [publishableKey]
   );
-  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(UnifoldContext.Provider, { value: contextValue, children }) });
+  const content = /* @__PURE__ */ jsx(UnifoldContext.Provider, { value: contextValue, children });
+  if (externalQueryClient) {
+    return content;
+  }
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: content });
 }
 function useUnifold() {
   const context = useContext(UnifoldContext);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/react-provider",
-  "version": "0.1.52",
+  "version": "0.1.54",
   "description": "Unifold React Provider - Core provider and context for Unifold React SDKs",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -20,7 +20,7 @@
     "react-dom": "^18.2.0 || ^19.0.0"
   },
   "dependencies": {
-    "@tanstack/react-query": "^5.62.15"
+    "@tanstack/react-query": "^5.90.11"
   },
   "devDependencies": {
     "@types/react": "^19.0.0",