feat: use orpc interceptor for demo

Author: ivan-dalmet

app/lib/orpc/client.ts

@@ -1,14 +1,22 @@
-import { createORPCClient } from '@orpc/client';
+import { createORPCClient, onError, ORPCError } from '@orpc/client';
 import { RPCLink } from '@orpc/client/fetch';
 import { createORPCReactQueryUtils } from '@orpc/react-query';
 import type { RouterClient } from '@orpc/server';
 
 import { envClient } from '@/env/client';
+import { openDemoModeDrawer } from '@/features/demo-mode/demo-mode-drawer';
 
 import type { Router } from './types';
 
 const link = new RPCLink({
   url: `${envClient.VITE_BASE_URL}/api/rpc`,
+  interceptors: [
+    onError((error) => {
+      if (error instanceof ORPCError && error.message === 'DEMO_MODE_ENABLED') {
+        openDemoModeDrawer();
+      }
+    }),
+  ],
 });
 
 const orpcClient: RouterClient<Router> = createORPCClient(link);

app/lib/tanstack-query/query-client.tsx

@@ -1,7 +1,4 @@
-import { ORPCError } from '@orpc/client';
-import { MutationCache, QueryClient } from '@tanstack/react-query';
-
-import { openDemoModeDrawer } from '@/features/demo-mode/demo-mode-drawer';
+import { QueryClient } from '@tanstack/react-query';
 
 const networkMode = import.meta.dev ? 'always' : undefined;
 
@@ -14,11 +11,4 @@ export const queryClient = new QueryClient({
       networkMode,
     },
   },
-  mutationCache: new MutationCache({
-    onError: (error) => {
-      if (error instanceof ORPCError && error.message === 'DEMO_MODE_ENABLED') {
-        openDemoModeDrawer();
-      }
-    },
-  }),
 });