@trpc/react-query 10.45.1-canary.20 → 10.45.1-canary.24

package/dist/bundle-analysis.json

@@ -1,7 +1,7 @@
 {
-  "bundleSize": 28654,
-  "bundleOrigSize": 82932,
-  "bundleReduction": 65.45,
+  "bundleSize": 28671,
+  "bundleOrigSize": 82919,
+  "bundleReduction": 65.42,
   "modules": [
     {
       "id": "/src/shared/hooks/createHooksInternal.tsx",
@@ -14,7 +14,7 @@
       "dependents": [
         "/src/shared/hooks/deprecated/createHooksInternal.tsx"
       ],
-      "percent": 55.5,
+      "percent": 55.47,
       "reduction": 6.72
     },
     {
@@ -42,7 +42,7 @@
       "dependents": [
         "/src/shared/index.ts"
       ],
-      "percent": 8.99,
+      "percent": 8.98,
       "reduction": 72.71
     },
     {
@@ -56,7 +56,7 @@
       "dependents": [
         "/src/shared/index.ts"
       ],
-      "percent": 5.36,
+      "percent": 5.35,
       "reduction": 12.39
     },
     {
@@ -106,7 +106,7 @@
         "/src/shared/proxy/utilsProxy.ts",
         "/src/shared/proxy/useQueriesProxy.ts"
       ],
-      "percent": 3.12,
+      "percent": 3.11,
       "reduction": 69.87
     },
     {
@@ -157,8 +157,8 @@
     },
     {
       "id": "/src/internals/useHookResult.ts",
-      "size": 184,
-      "origSize": 336,
+      "size": 201,
+      "origSize": 323,
       "renderedExports": [
         "useHookResult"
       ],
@@ -167,8 +167,8 @@
         "/src/shared/hooks/createHooksInternal.tsx",
         "/src/shared/hooks/deprecated/createHooksInternal.tsx"
       ],
-      "percent": 0.64,
-      "reduction": 45.24
+      "percent": 0.7,
+      "reduction": 37.77
     },
     {
       "id": "/src/internals/context.tsx",

package/dist/{createHooksInternal-bdff7171.mjs → createHooksInternal-063195fc.mjs}

@@ -2,7 +2,7 @@ import { createRecursiveProxy, createFlatProxy } from '@trpc/server/shared';
 import { g as getArrayQueryKey } from './getArrayQueryKey-86134f8b.mjs';
 import { createTRPCClientProxy, createTRPCClient } from '@trpc/client';
 import { useQuery, useQueryClient, useMutation, hashQueryKey, useInfiniteQuery, useQueries } from '@tanstack/react-query';
-import React, { createContext, useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import React, { createContext, useMemo, useState, useEffect, useCallback, useRef } from 'react';
 
 /**
  * We treat `undefined` as an input the same as omitting an `input`
@@ -179,9 +179,12 @@ function getClientArgs(pathAndInput, opts) {
 /**
  * Makes a stable reference of the `trpc` prop
  */ function useHookResult(value) {
-    const ref = useRef(value);
-    ref.current.path = value.path;
-    return ref.current;
+    const { path  } = value;
+    return useMemo(()=>({
+            path
+        }), [
+        path
+    ]);
 }
 
 /**

package/dist/{createHooksInternal-8935d801.js → createHooksInternal-75aa31d9.js}

@@ -2,7 +2,7 @@ import { createRecursiveProxy, createFlatProxy } from '@trpc/server/shared';
 import { g as getArrayQueryKey, c as contextProps, T as TRPCContext } from './context-4557b3d3.js';
 import { createTRPCClientProxy, createTRPCClient } from '@trpc/client';
 import { useQuery, useQueryClient, useMutation, hashQueryKey, useInfiniteQuery, useQueries } from '@tanstack/react-query';
-import React, { useRef, useState, useEffect, useCallback, useMemo } from 'react';
+import React, { useMemo, useState, useEffect, useCallback, useRef } from 'react';
 
 /**
  * We treat `undefined` as an input the same as omitting an `input`
@@ -157,9 +157,8 @@ function getClientArgs(pathAndInput, opts) {
  * Makes a stable reference of the `trpc` prop
  */
 function useHookResult(value) {
-    const ref = useRef(value);
-    ref.current.path = value.path;
-    return ref.current;
+    const { path } = value;
+    return useMemo(() => ({ path }), [path]);
 }
 
 /**

package/dist/{createHooksInternal-2e69c447.js → createHooksInternal-d1a331c0.js}

@@ -185,9 +185,12 @@ function getClientArgs(pathAndInput, opts) {
 /**
  * Makes a stable reference of the `trpc` prop
  */ function useHookResult(value) {
-    const ref = React.useRef(value);
-    ref.current.path = value.path;
-    return ref.current;
+    const { path  } = value;
+    return React.useMemo(()=>({
+            path
+        }), [
+        path
+    ]);
 }
 
 /**

package/dist/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var client = require('@trpc/client');
-var createHooksInternal = require('./createHooksInternal-2e69c447.js');
+var createHooksInternal = require('./createHooksInternal-d1a331c0.js');
 var shared = require('@trpc/server/shared');
 var React = require('react');
 require('@tanstack/react-query');

package/dist/index.mjs

@@ -1,6 +1,6 @@
 export * from '@trpc/client';
-import { c as createHooksInternal, a as createReactQueryUtilsProxy, b as createReactProxyDecoration } from './createHooksInternal-bdff7171.mjs';
-export { g as getQueryKey } from './createHooksInternal-bdff7171.mjs';
+import { c as createHooksInternal, a as createReactQueryUtilsProxy, b as createReactProxyDecoration } from './createHooksInternal-063195fc.mjs';
+export { g as getQueryKey } from './createHooksInternal-063195fc.mjs';
 import { createFlatProxy } from '@trpc/server/shared';
 import { useMemo } from 'react';
 import '@tanstack/react-query';

package/dist/internals/useHookResult.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useHookResult.d.ts","sourceRoot":"","sources":["../../src/internals/useHookResult.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAC5B,cAAc,CAAC,MAAM,CAAC,CAIxB"}
+{"version":3,"file":"useHookResult.d.ts","sourceRoot":"","sources":["../../src/internals/useHookResult.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED;;GAEG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAC5B,cAAc,CAAC,MAAM,CAAC,CAGxB"}

package/dist/shared/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createHooksInternal = require('../createHooksInternal-2e69c447.js');
+var createHooksInternal = require('../createHooksInternal-d1a331c0.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, h as contextProps, c as createHooksInternal, b as createReactProxyDecoration, a as createReactQueryUtilsProxy, f as createRootHooks, e as createUseQueriesProxy, d as getClientArgs } from '../createHooksInternal-bdff7171.mjs';
+export { T as TRPCContext, h as contextProps, c as createHooksInternal, b as createReactProxyDecoration, a as createReactQueryUtilsProxy, f as createRootHooks, e as createUseQueriesProxy, d as getClientArgs } from '../createHooksInternal-063195fc.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.45.1-canary.20+82f73105d",
+  "version": "10.45.1-canary.24+3bdb43bde",
   "description": "The tRPC React library",
   "author": "KATT",
   "license": "MIT",
@@ -64,15 +64,15 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^4.18.0",
-    "@trpc/client": "10.45.1-canary.20+82f73105d",
-    "@trpc/server": "10.45.1-canary.20+82f73105d",
+    "@trpc/client": "10.45.1-canary.24+3bdb43bde",
+    "@trpc/server": "10.45.1-canary.24+3bdb43bde",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^4.18.0",
-    "@trpc/client": "10.45.1-canary.20+82f73105d",
-    "@trpc/server": "10.45.1-canary.20+82f73105d",
+    "@trpc/client": "10.45.1-canary.24+3bdb43bde",
+    "@trpc/server": "10.45.1-canary.24+3bdb43bde",
     "@types/express": "^4.17.17",
     "@types/node": "^20.10.0",
     "@types/react": "^18.2.33",
@@ -91,5 +91,5 @@
   "funding": [
     "https://trpc.io/sponsor"
   ],
-  "gitHead": "82f73105de5f0d737dc409a18ba893fe8cbee909"
+  "gitHead": "3bdb43bdeb3f02850a67048ae2cf9b6be69b9ede"
 }

package/src/internals/useHookResult.ts

@@ -1,4 +1,4 @@
-import { useRef } from 'react';
+import { useMemo } from 'react';
 
 export interface TRPCHookResult {
   trpc: {
@@ -12,7 +12,6 @@ export interface TRPCHookResult {
 export function useHookResult(
   value: TRPCHookResult['trpc'],
 ): TRPCHookResult['trpc'] {
-  const ref = useRef(value);
-  ref.current.path = value.path;
-  return ref.current;
+  const { path } = value;
+  return useMemo(() => ({ path }), [path]);
 }