@trpc/react-query 11.0.0-alpha-tmp-react-sideeffects-import.202 → 11.0.0-alpha-tmp-ahmed-rollup-v4.203

package/dist/utils/createUtilityFunctions.mjs

@@ -0,0 +1,92 @@
+import { TRPCUntypedClient, getUntypedClient } from '@trpc/client';
+import { getClientArgs } from '../internals/getClientArgs.mjs';
+
+/**
+ * Creates a set of utility functions that can be used to interact with `react-query`
+ * @param opts the `TRPCClient` and `QueryClient` to use
+ * @returns a set of utility functions that can be used to interact with `react-query`
+ * @internal
+ */ function createUtilityFunctions(opts) {
+    const { client , queryClient  } = opts;
+    const untypedClient = client instanceof TRPCUntypedClient ? client : getUntypedClient(client);
+    return {
+        fetchQuery: (queryKey, opts)=>{
+            return queryClient.fetchQuery({
+                ...opts,
+                queryKey,
+                queryFn: ()=>untypedClient.query(...getClientArgs(queryKey, opts))
+            });
+        },
+        fetchInfiniteQuery: (queryKey, opts)=>{
+            return queryClient.fetchInfiniteQuery({
+                ...opts,
+                queryKey,
+                queryFn: ({ pageParam  })=>{
+                    return untypedClient.query(...getClientArgs(queryKey, opts, pageParam));
+                },
+                initialPageParam: opts?.initialCursor ?? null
+            });
+        },
+        prefetchQuery: (queryKey, opts)=>{
+            return queryClient.prefetchQuery({
+                ...opts,
+                queryKey,
+                queryFn: ()=>untypedClient.query(...getClientArgs(queryKey, opts))
+            });
+        },
+        prefetchInfiniteQuery: (queryKey, opts)=>{
+            return queryClient.prefetchInfiniteQuery({
+                ...opts,
+                queryKey,
+                queryFn: ({ pageParam  })=>{
+                    return untypedClient.query(...getClientArgs(queryKey, opts, pageParam));
+                },
+                initialPageParam: opts?.initialCursor ?? null
+            });
+        },
+        ensureQueryData: (queryKey, opts)=>{
+            return queryClient.ensureQueryData({
+                ...opts,
+                queryKey,
+                queryFn: ()=>untypedClient.query(...getClientArgs(queryKey, opts))
+            });
+        },
+        invalidateQueries: (queryKey, filters, options)=>{
+            return queryClient.invalidateQueries({
+                ...filters,
+                queryKey
+            }, options);
+        },
+        resetQueries: (queryKey, filters, options)=>{
+            return queryClient.resetQueries({
+                ...filters,
+                queryKey
+            }, options);
+        },
+        refetchQueries: (queryKey, filters, options)=>{
+            return queryClient.refetchQueries({
+                ...filters,
+                queryKey
+            }, options);
+        },
+        cancelQuery: (queryKey, options)=>{
+            return queryClient.cancelQueries({
+                queryKey
+            }, options);
+        },
+        setQueryData: (queryKey, updater, options)=>{
+            return queryClient.setQueryData(queryKey, updater, options);
+        },
+        getQueryData: (queryKey)=>{
+            return queryClient.getQueryData(queryKey);
+        },
+        setInfiniteQueryData: (queryKey, updater, options)=>{
+            return queryClient.setQueryData(queryKey, updater, options);
+        },
+        getInfiniteQueryData: (queryKey)=>{
+            return queryClient.getQueryData(queryKey);
+        }
+    };
+}
+
+export { createUtilityFunctions };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trpc/react-query",
-  "version": "11.0.0-alpha-tmp-react-sideeffects-import.202+204981c56",
+  "version": "11.0.0-alpha-tmp-ahmed-rollup-v4.203+94c04a36f",
   "description": "The tRPC React library",
   "author": "KATT",
   "license": "MIT",
@@ -57,17 +57,17 @@
     }
   },
   "dependencies": {
-    "@trpc/core": "11.0.0-alpha-tmp-react-sideeffects-import.202+204981c56"
+    "@trpc/core": "11.0.0-alpha-tmp-ahmed-rollup-v4.203+94c04a36f"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5.0.0",
-    "@trpc/client": "11.0.0-alpha-tmp-react-sideeffects-import.202+204981c56",
+    "@trpc/client": "11.0.0-alpha-tmp-ahmed-rollup-v4.203+94c04a36f",
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.0.0",
-    "@trpc/client": "11.0.0-alpha-tmp-react-sideeffects-import.202+204981c56",
+    "@trpc/client": "11.0.0-alpha-tmp-ahmed-rollup-v4.203+94c04a36f",
     "@types/express": "^4.17.17",
     "@types/node": "^20.10.0",
     "@types/react": "^18.2.33",
@@ -76,7 +76,7 @@
     "next": "^14.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "rollup": "^2.79.1",
+    "rollup": "^4.9.5",
     "tsx": "^4.0.0",
     "zod": "^3.0.0"
   },
@@ -86,5 +86,5 @@
   "funding": [
     "https://trpc.io/sponsor"
   ],
-  "gitHead": "204981c566792cc1dc72be3d0bb94750a6f476dc"
+  "gitHead": "94c04a36ff2711c1f4d57ed1f3ab3e65b2cb1fd7"
 }

package/src/createTRPCReact.tsx

@@ -13,7 +13,7 @@ import type {
   ProtectedIntersection,
 } from '@trpc/core';
 import { createFlatProxy } from '@trpc/core';
-import * as React from 'react';
+import { useMemo } from 'react';
 import type {
   TRPCUseQueries,
   TRPCUseSuspenseQueries,
@@ -288,7 +288,7 @@ export function createHooksInternal<
       return () => {
         const context = trpc.useUtils();
         // create a stable reference of the utils context
-        return React.useMemo(() => {
+        return useMemo(() => {
           return (createReactQueryUtils as any)(context);
         }, [context]);
       };

package/src/internals/context.tsx

@@ -20,7 +20,7 @@ import type {
   TRPCUntypedClient,
 } from '@trpc/client';
 import type { AnyRouter, DistributiveOmit } from '@trpc/core';
-import * as React from 'react';
+import { createContext } from 'react';
 import type { ExtractCursorType } from '../shared';
 import type { TRPCQueryKey } from './getQueryKey';
 
@@ -226,4 +226,4 @@ export interface TRPCQueryUtils<TRouter extends AnyRouter> {
     queryKey: TRPCQueryKey,
   ) => InfiniteData<unknown> | undefined;
 }
-export const TRPCContext = React.createContext?.(null as any);
+export const TRPCContext = createContext(null as any);

package/src/internals/useHookResult.ts

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

package/src/shared/hooks/createHooksInternal.tsx

@@ -13,7 +13,7 @@ import {
 import type { TRPCClientErrorLike } from '@trpc/client';
 import { createTRPCUntypedClient } from '@trpc/client';
 import type { AnyRouter } from '@trpc/core';
-import * as React from 'react';
+import React, { useEffect, useMemo, useRef, useState } from 'react';
 import type { SSRState, TRPCContextState } from '../../internals/context';
 import { TRPCContext } from '../../internals/context';
 import { getClientArgs } from '../../internals/getClientArgs';
@@ -69,11 +69,9 @@ export function createRootHooks<
 
   const TRPCProvider: TRPCProvider<TRouter, TSSRContext> = (props) => {
     const { abortOnUnmount = false, client, queryClient, ssrContext } = props;
-    const [ssrState, setSSRState] = React.useState<SSRState>(
-      props.ssrState ?? false,
-    );
+    const [ssrState, setSSRState] = useState<SSRState>(props.ssrState ?? false);
 
-    const fns = React.useMemo(
+    const fns = useMemo(
       () =>
         createUtilityFunctions({
           client,
@@ -82,7 +80,7 @@ export function createRootHooks<
       [client, queryClient],
     );
 
-    const contextValue = React.useMemo<ProviderContext>(
+    const contextValue = useMemo<ProviderContext>(
       () => ({
         abortOnUnmount,
         queryClient,
@@ -94,7 +92,7 @@ export function createRootHooks<
       [abortOnUnmount, client, fns, queryClient, ssrContext, ssrState],
     );
 
-    React.useEffect(() => {
+    useEffect(() => {
       // Only updating state to `mounted` if we are using SSR.
       // This makes it so we don't have an unnecessary re-render when opting out of SSR.
       setSSRState((state) => (state ? 'mounted' : false));
@@ -277,10 +275,10 @@ export function createRootHooks<
     const queryKey = hashKey(getQueryKeyInternal(path, input, 'any'));
     const { client } = useContext();
 
-    const optsRef = React.useRef<typeof opts>(opts);
+    const optsRef = useRef<typeof opts>(opts);
     optsRef.current = opts;
 
-    React.useEffect(() => {
+    useEffect(() => {
       if (!enabled) {
         return;
       }
@@ -494,7 +492,7 @@ export function createRootHooks<
     client,
     trpcState,
   ) => {
-    const transformed: DehydratedState | undefined = React.useMemo(() => {
+    const transformed: DehydratedState | undefined = useMemo(() => {
       if (!trpcState) {
         return trpcState;
       }