feat(react-query): Add trpc.useSuspenseQueries()

[sachinahya]

Closes #4454

🎯 Changes

Works just like useQueries but supports Suspense. Like useSuspenseQuery returns a [data, queries] tuple of the results for easier renaming and iteration over the results.

Essentially a thin wrapper around the useSuspenseQueries hook added in TanStack Query v5.

const appRouter = t.router({
  foo: t.procedure.query(() => 'foo' as const),
  bar: t.procedure.query(() => 'bar' as const),
});

const [posts, postQueries] = client.useSuspenseQueries((t) => [t.foo(), t.bar() ]);
      // ^? ["foo", "bar"]

✅ Checklist

• I have followed the steps listed in the Contributing guide.
• If necessary, I have added documentation related to the changes made.
• I have added or updated the tests related to the changes made.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
trpc-next-app-dir	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 26, 2023 9:28pm
www	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 26, 2023 9:28pm

[vercel]

@sachinahya is attempting to deploy a commit to the trpc Team on Vercel.

A member of the Team first needs to authorize it.

[KATT]

Wow, this is brilliant!! THANK YOU! ❤️ ❤️

[github-actions]

This pull request has been locked because we are very unlikely to see comments on closed issues. If you think, this PR is still necessary, create a new one with the same branch. Thank you.