From 0eb98a3882560968f1715d856e18a7f080f34937 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Wed, 9 Oct 2024 11:25:05 -0700
Subject: [PATCH] Log query errors

---
 src-web/components/App.tsx | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src-web/components/App.tsx b/src-web/components/App.tsx
index 7ae18b1d..ff1480c6 100644
--- a/src-web/components/App.tsx
+++ b/src-web/components/App.tsx
@@ -1,4 +1,4 @@
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { QueryCache, QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { ReactQueryDevtools } from '@tanstack/react-query-devtools';
 import { MotionConfig } from 'framer-motion';
 import React, { Suspense } from 'react';
@@ -7,13 +7,16 @@ import { HTML5Backend } from 'react-dnd-html5-backend';
 import { HelmetProvider } from 'react-helmet-async';
 import { AppRouter } from './AppRouter';
 
-const ENABLE_REACT_QUERY_DEVTOOLS = false;
-
 const queryClient = new QueryClient({
+  queryCache: new QueryCache({
+    onError: (err, query) => {
+      console.log('Query client error', { err, query });
+    },
+  }),
   defaultOptions: {
     queries: {
       retry: false,
-      networkMode: 'offlineFirst',
+      networkMode: 'always',
       refetchOnWindowFocus: true,
       refetchOnReconnect: false,
       refetchOnMount: false, // Don't refetch when a hook mounts
@@ -21,6 +24,8 @@ const queryClient = new QueryClient({
   },
 });
 
+const ENABLE_REACT_QUERY_DEVTOOLS = true;
+
 export function App() {
   return (
     <QueryClientProvider client={queryClient}>