@trpc/react-query 10.20.0 → 10.21.1-alpha.0

package/dist/{createHooksInternal-0b1b3a6c.js → createHooksInternal-54133db9.js}

@@ -361,6 +361,8 @@ function createRootHooks(config) {
         const enabled = opts?.enabled ?? true;
         const queryKey = hashQueryKey(pathAndInput);
         const { client } = useContext();
+        const optsRef = useRef(opts);
+        optsRef.current = opts;
         return useEffect(() => {
             if (!enabled) {
                 return;
@@ -370,18 +372,18 @@ function createRootHooks(config) {
             const subscription = client.subscription(path, (input ?? undefined), {
                 onStarted: () => {
                     if (!isStopped) {
-                        opts.onStarted?.();
+                        optsRef.current.onStarted?.();
                     }
                 },
                 onData: (data) => {
                     if (!isStopped) {
                         // FIXME this shouldn't be needed as both should be `unknown` in next major
-                        opts.onData(data);
+                        optsRef.current.onData(data);
                     }
                 },
                 onError: (err) => {
                     if (!isStopped) {
-                        opts.onError?.(err);
+                        optsRef.current.onError?.(err);
                     }
                 },
             });

package/dist/{createHooksInternal-281fcd80.js → createHooksInternal-e8871abb.js}

@@ -424,6 +424,8 @@ function getClientArgs(pathAndInput, opts) {
         const enabled = opts?.enabled ?? true;
         const queryKey = reactQuery.hashQueryKey(pathAndInput);
         const { client  } = useContext();
+        const optsRef = React.useRef(opts);
+        optsRef.current = opts;
         return React.useEffect(()=>{
             if (!enabled) {
                 return;
@@ -433,18 +435,18 @@ function getClientArgs(pathAndInput, opts) {
             const subscription = client.subscription(path, input ?? undefined, {
                 onStarted: ()=>{
                     if (!isStopped) {
-                        opts.onStarted?.();
+                        optsRef.current.onStarted?.();
                     }
                 },
                 onData: (data)=>{
                     if (!isStopped) {
                         // FIXME this shouldn't be needed as both should be `unknown` in next major
-                        opts.onData(data);
+                        optsRef.current.onData(data);
                     }
                 },
                 onError: (err)=>{
                     if (!isStopped) {
-                        opts.onError?.(err);
+                        optsRef.current.onError?.(err);
                     }
                 }
             });

package/dist/{createHooksInternal-31c91d2f.mjs → createHooksInternal-f30efef6.mjs}

@@ -418,6 +418,8 @@ function getClientArgs(pathAndInput, opts) {
         const enabled = opts?.enabled ?? true;
         const queryKey = hashQueryKey(pathAndInput);
         const { client  } = useContext();
+        const optsRef = useRef(opts);
+        optsRef.current = opts;
         return useEffect(()=>{
             if (!enabled) {
                 return;
@@ -427,18 +429,18 @@ function getClientArgs(pathAndInput, opts) {
             const subscription = client.subscription(path, input ?? undefined, {
                 onStarted: ()=>{
                     if (!isStopped) {
-                        opts.onStarted?.();
+                        optsRef.current.onStarted?.();
                     }
                 },
                 onData: (data)=>{
                     if (!isStopped) {
                         // FIXME this shouldn't be needed as both should be `unknown` in next major
-                        opts.onData(data);
+                        optsRef.current.onData(data);
                     }
                 },
                 onError: (err)=>{
                     if (!isStopped) {
-                        opts.onError?.(err);
+                        optsRef.current.onError?.(err);
                     }
                 }
             });

package/dist/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var client = require('@trpc/client');
-var createHooksInternal = require('./createHooksInternal-281fcd80.js');
+var createHooksInternal = require('./createHooksInternal-e8871abb.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-31c91d2f.mjs';
-export { g as getQueryKey } from './createHooksInternal-31c91d2f.mjs';
+import { c as createHooksInternal, a as createReactQueryUtilsProxy, b as createReactProxyDecoration } from './createHooksInternal-f30efef6.mjs';
+export { g as getQueryKey } from './createHooksInternal-f30efef6.mjs';
 import { createFlatProxy } from '@trpc/server/shared';
 import { useMemo } from 'react';
 import '@tanstack/react-query';

package/dist/shared/hooks/createHooksInternal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createHooksInternal.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/createHooksInternal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAoB,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,sBAAsB,EAAuB,MAAM,UAAU,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,YAAY,EAEZ,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,SAAS,SAAS,EACzB,WAAW,GAAG,OAAO,EACrB,MAAM,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;;;;6BAmOxB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,CAAC;;wBAwD1C,MAAM,GAAG,CAAC,MAAM,CAAC;oCAoCT;QAEZ,IAAI,EAAE,MAAM;QACZ,GAAG,IAAI,EAAE,OAAO,EAAE;KACnB;;qCA4Ca;QAEZ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC;KAC5B;EAqHJ"}
+{"version":3,"file":"createHooksInternal.d.ts","sourceRoot":"","sources":["../../../src/shared/hooks/createHooksInternal.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,mBAAmB,EAAoB,MAAM,cAAc,CAAC;AACrE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AASrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAI3D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,sBAAsB,EAAuB,MAAM,UAAU,CAAC;AACvE,OAAO,EACL,YAAY,EACZ,YAAY,EAEZ,kBAAkB,EAClB,2BAA2B,EAC3B,0BAA0B,EAC1B,sBAAsB,EACtB,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,SAAS,CAAC;AAEjB;;GAEG;AACH,wBAAgB,eAAe,CAC7B,OAAO,SAAS,SAAS,EACzB,WAAW,GAAG,OAAO,EACrB,MAAM,CAAC,EAAE,sBAAsB,CAAC,OAAO,CAAC;;;;6BAmOxB,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,CAAC;;wBAwD1C,MAAM,GAAG,CAAC,MAAM,CAAC;oCAoCT;QAEZ,IAAI,EAAE,MAAM;QACZ,GAAG,IAAI,EAAE,OAAO,EAAE;KACnB;;qCA+Ca;QAEZ,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,OAAO,GAAG,EAAE,OAAO,CAAC;KAC5B;EAqHJ"}

package/dist/shared/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var createHooksInternal = require('../createHooksInternal-281fcd80.js');
+var createHooksInternal = require('../createHooksInternal-e8871abb.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-31c91d2f.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-f30efef6.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.20.0",
+  "version": "10.21.1-alpha.0",
   "description": "tRPC React lib",
   "author": "KATT",
   "license": "MIT",
@@ -63,15 +63,15 @@
   },
   "peerDependencies": {
     "@tanstack/react-query": "^4.18.0",
-    "@trpc/client": "10.20.0",
-    "@trpc/server": "10.20.0",
+    "@trpc/client": "10.21.0",
+    "@trpc/server": "10.21.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^4.18.0",
-    "@trpc/client": "10.20.0",
-    "@trpc/server": "10.20.0",
+    "@trpc/client": "^10.21.1-alpha.0",
+    "@trpc/server": "^10.21.1-alpha.0",
     "@types/express": "^4.17.12",
     "@types/node": "^18.7.20",
     "@types/react": "^18.0.9",
@@ -87,5 +87,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "eec22ebb70d14e28260aba58daa45a45e0f7790d"
+  "gitHead": "04a16ddc5d93f4b26e720bd9243f6cf3e3e6cc5a"
 }

package/src/shared/hooks/createHooksInternal.tsx

@@ -12,7 +12,13 @@ import {
 import { TRPCClientErrorLike, createTRPCClient } from '@trpc/client';
 import type { AnyRouter } from '@trpc/server';
 import { Observable } from '@trpc/server/observable';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import React, {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 import { SSRState, TRPCContext } from '../../internals/context';
 import { TRPCContextState } from '../../internals/context';
 import { QueryType, getArrayQueryKey } from '../../internals/getArrayQueryKey';
@@ -371,6 +377,9 @@ export function createRootHooks<
     const queryKey = hashQueryKey(pathAndInput);
     const { client } = useContext();
 
+    const optsRef = useRef<typeof opts>(opts);
+    optsRef.current = opts;
+
     return useEffect(() => {
       if (!enabled) {
         return;
@@ -383,18 +392,18 @@ export function createRootHooks<
         {
           onStarted: () => {
             if (!isStopped) {
-              opts.onStarted?.();
+              optsRef.current.onStarted?.();
             }
           },
           onData: (data) => {
             if (!isStopped) {
               // FIXME this shouldn't be needed as both should be `unknown` in next major
-              opts.onData(data as any);
+              optsRef.current.onData(data as any);
             }
           },
           onError: (err) => {
             if (!isStopped) {
-              opts.onError?.(err);
+              optsRef.current.onError?.(err);
             }
           },
         },