Call trpc without using reactQuery/hook in a "use client" async function

I know how to call trpc from a server component and a client component by importing

api

api

from

trpc/server

trpc/server

trpc/react

trpc/react

respectively.

My problem is that I see no easy way to do something like this in for example a callback:

const greeting = await api.post.hello.query({ text: "hello" });

const greeting = await api.post.hello.query({ text: "hello" });

That works fine in a server component, but in a client component, it requires me to use

useQuery

useQuery

.

Any suggestion for how I can enable this?