docs: createTRPCQueryUtils usage docs are incorrect

[Ehesp]

Area of Improvement

The docs state usage as:

const trpc = createTRPCReact<AppRouter>();
const queryClient = new QueryClient();
const clientUtils = createTRPCQueryUtils({ queryClient, client: trpc });

However this throws a typescript error about client being invalid. There's a couple of Discord errors about this:

• https://discord.com/channels/867764511159091230/1217116674168328202/1217116674168328202
• https://discord.com/channels/867764511159091230/1194331660020367401/1194381747169804320

I'm not sure how to fix this, the types seem quite confusing for me.

Link to related docs

https://trpc.io/docs/client/react/createTRPCQueryUtils

Additional information

No response

👨‍👧‍👦 Contributing

• 🙋‍♂️ Yes, I'd be down to file a PR implementing the suggested changes!

Funding

• You can sponsor this specific effort via a Polar.sh pledge below
• We receive the pledge once the issue is completed & verified