feat(custom-data-provider): use query client defaults for custom data…

… provider

services/data/src/react/components/CustomDataProvider.tsx

@@ -3,6 +3,7 @@ import { QueryClient, QueryClientProvider } from 'react-query'
 import { DataEngine } from '../../engine'
 import { CustomDataLink, CustomData, CustomLinkOptions } from '../../links'
 import { DataContext } from '../context/DataContext'
+import { queryClientOptions as queryClientDefaults } from './DataProvider'
 
 interface CustomProviderInput {
     children: React.ReactNode
@@ -11,23 +12,11 @@ interface CustomProviderInput {
     queryClientOptions?: any
 }
 
-/**
- * Disable automatic retries, which can cause tests to take unnecessarily long
- * see: https://react-query.tanstack.com/reference/useQuery
- */
-const defaultQueryClientOptions = {
-    defaultOptions: {
-        queries: {
-            retry: false,
-        },
-    },
-}
-
 export const CustomDataProvider = ({
     children,
     data,
     options,
-    queryClientOptions = defaultQueryClientOptions,
+    queryClientOptions = queryClientDefaults,
 }: CustomProviderInput) => {
     const link = new CustomDataLink(data, options)
     const engine = new DataEngine(link)

services/data/src/react/components/DataProvider.tsx

@@ -11,13 +11,13 @@ export interface ProviderInput {
     children: React.ReactNode
 }
 
-const queryClient = new QueryClient({
+export const queryClientOptions = {
     defaultOptions: {
         queries: {
             // Disable automatic error retries
             retry: false,
-            // Don't retry on mount if query has errored
-            retryOnMount: false,
+            // Retry on mount if query has errored
+            retryOnMount: true,
             // Refetch on mount if data is stale
             refetchOnMount: true,
             // Don't refetch when the window regains focus
@@ -26,7 +26,9 @@ const queryClient = new QueryClient({
             refetchOnReconnect: false,
         },
     },
-})
+}
+
+const queryClient = new QueryClient(queryClientOptions)
 
 export const DataProvider = (props: ProviderInput) => {
     const config = {