@sonic-equipment/ui 227.0.0 → 228.0.0

package/dist/shared/providers/react-query-container.d.ts

@@ -1,7 +1,7 @@
 import { ReactElement, ReactNode } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 export declare const globalQueryClient: QueryClient;
-export declare function ReactQueryContainer({ children, enableDevTools, queryClient, }: {
+export declare function ReactQueryContainer({ children, enableDevTools, queryClient: _queryClient, }: {
     children: ReactNode | ((args: {
         queryClient: QueryClient;
     }) => ReactNode | ReactElement);

package/dist/shared/providers/react-query-container.js

@@ -1,21 +1,26 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+import { useMemo } from 'react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { environment } from '../utils/environment.js';
 import { TIME } from '../utils/time.js';
 
-const globalQueryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            /* Set gcTime and staleTime to 0 to disable react query cache */
-            gcTime: 1 * TIME.DAY,
-            retry: false,
-            staleTime: 1 * TIME.DAY,
+function createQueryClient() {
+    return new QueryClient({
+        defaultOptions: {
+            queries: {
+                /* Set gcTime and staleTime to 0 to disable react query cache */
+                gcTime: 1 * TIME.DAY,
+                retry: false,
+                staleTime: 1 * TIME.DAY,
+            },
         },
-    },
-});
-function ReactQueryContainer({ children, enableDevTools = environment !== 'production', queryClient = globalQueryClient, }) {
+    });
+}
+const globalQueryClient = createQueryClient();
+function ReactQueryContainer({ children, enableDevTools = environment !== 'production', queryClient: _queryClient, }) {
+    const queryClient = useMemo(() => _queryClient || createQueryClient(), [_queryClient]);
     return (jsxs(QueryClientProvider, { client: queryClient, children: [enableDevTools && jsx(ReactQueryDevtools, { initialIsOpen: false }), children instanceof Function ? children({ queryClient }) : children] }));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sonic-equipment/ui",
-  "version": "227.0.0",
+  "version": "228.0.0",
   "type": "module",
   "license": "MIT",
   "engines": {