@trpc/react-query 10.8.2 → 10.9.0

package/dist/{createHooksInternal-57a3cf21.js → createHooksInternal-aa6e50fa.js}

@@ -368,10 +368,13 @@ function getClientArgs(pathAndInput, opts) {
         const queryClient = reactQuery.useQueryClient({
             context: ReactQueryContext
         });
+        const actualPath = Array.isArray(path) ? path[0] : path;
         const hook = reactQuery.useMutation({
             ...opts,
+            mutationKey: [
+                actualPath.split('.')
+            ],
             mutationFn: (input)=>{
-                const actualPath = Array.isArray(path) ? path[0] : path;
                 return client.mutation(...getClientArgs([
                     actualPath,
                     input
@@ -388,7 +391,7 @@ function getClientArgs(pathAndInput, opts) {
             }
         });
         hook.trpc = useHookResult({
-            path: Array.isArray(path) ? path[0] : path
+            path: actualPath
         });
         return hook;
     }

package/dist/{createHooksInternal-b83f2ee6.mjs → createHooksInternal-f795107e.mjs}

@@ -362,10 +362,13 @@ function getClientArgs(pathAndInput, opts) {
         const queryClient = useQueryClient({
             context: ReactQueryContext
         });
+        const actualPath = Array.isArray(path) ? path[0] : path;
         const hook = useMutation({
             ...opts,
+            mutationKey: [
+                actualPath.split('.')
+            ],
             mutationFn: (input)=>{
-                const actualPath = Array.isArray(path) ? path[0] : path;
                 return client.mutation(...getClientArgs([
                     actualPath,
                     input
@@ -382,7 +385,7 @@ function getClientArgs(pathAndInput, opts) {
             }
         });
         hook.trpc = useHookResult({
-            path: Array.isArray(path) ? path[0] : path
+            path: actualPath
         });
         return hook;
     }

package/dist/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var client = require('@trpc/client');
 var shared = require('@trpc/server/shared');
 var React = require('react');
-var createHooksInternal = require('./createHooksInternal-57a3cf21.js');
+var createHooksInternal = require('./createHooksInternal-aa6e50fa.js');
 require('@tanstack/react-query');
 require('./getArrayQueryKey-4bdb5cc2.js');
 

package/dist/index.mjs

@@ -1,7 +1,7 @@
 export * from '@trpc/client';
 import { createFlatProxy } from '@trpc/server/shared';
 import { useMemo } from 'react';
-import { c as createHooksInternal, a as createReactQueryUtilsProxy, b as createReactProxyDecoration } from './createHooksInternal-b83f2ee6.mjs';
+import { c as createHooksInternal, a as createReactQueryUtilsProxy, b as createReactProxyDecoration } from './createHooksInternal-f795107e.mjs';
 import '@tanstack/react-query';
 import './getArrayQueryKey-86134f8b.mjs';
 

package/dist/shared/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createHooksInternal = require('../createHooksInternal-57a3cf21.js');
+var createHooksInternal = require('../createHooksInternal-aa6e50fa.js');
 var queryClient = require('../queryClient-358a9a75.js');
 require('@trpc/server/shared');
 require('../getArrayQueryKey-4bdb5cc2.js');

package/dist/shared/index.mjs

@@ -1,4 +1,4 @@
-export { T as TRPCContext, f as contextProps, c as createHooksInternal, b as createReactProxyDecoration, a as createReactQueryUtilsProxy, e as createRootHooks, d as createUseQueriesProxy, g as getClientArgs } from '../createHooksInternal-b83f2ee6.mjs';
+export { T as TRPCContext, f as contextProps, c as createHooksInternal, b as createReactProxyDecoration, a as createReactQueryUtilsProxy, e as createRootHooks, d as createUseQueriesProxy, g as getClientArgs } from '../createHooksInternal-f795107e.mjs';
 export { g as getQueryClient } from '../queryClient-4d766c0c.mjs';
 import '@trpc/server/shared';
 import '../getArrayQueryKey-86134f8b.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/react-query",
-  "version": "10.8.2",
+  "version": "10.9.0",
   "description": "tRPC React lib",
   "author": "KATT",
   "license": "MIT",
@@ -55,15 +55,15 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^4.3.8",
-    "@trpc/client": "10.8.2",
-    "@trpc/server": "10.8.2",
+    "@trpc/client": "10.9.0",
+    "@trpc/server": "10.9.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^4.3.8",
-    "@trpc/client": "10.8.2",
-    "@trpc/server": "10.8.2",
+    "@trpc/client": "10.9.0",
+    "@trpc/server": "10.9.0",
     "@types/express": "^4.17.12",
     "@types/node": "^18.7.20",
     "eslint": "^8.30.0",
@@ -78,5 +78,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "2be6d09a08fc3a32b86286271ab8b4881b6bc98b"
+  "gitHead": "3efac6213e5a488c9636b8b884fb755d38f12381"
 }

package/src/shared/hooks/createHooksInternal.tsx

@@ -311,12 +311,12 @@ export function createRootHooks<
   ): UseTRPCMutationResult<unknown, TError, unknown, unknown> {
     const { client } = useContext();
     const queryClient = useQueryClient({ context: ReactQueryContext });
+    const actualPath = Array.isArray(path) ? path[0] : path;
 
     const hook = __useMutation({
       ...opts,
+      mutationKey: [actualPath.split('.')],
       mutationFn: (input) => {
-        const actualPath = Array.isArray(path) ? path[0] : path;
-
         return (client.mutation as any)(
           ...getClientArgs([actualPath, input], opts),
         );
@@ -334,7 +334,7 @@ export function createRootHooks<
     }) as UseTRPCMutationResult<unknown, TError, unknown, unknown>;
 
     hook.trpc = useHookResult({
-      path: Array.isArray(path) ? path[0] : path,
+      path: actualPath,
     });
 
     return hook;