Can i use a single trpc proxy client in NextJS 12?

// define this once in src/trpc.ts
export const trpc = createTRPCProxyClient<AppRouter>({
  links: [
    httpBatchLink({
      url: "my-remote-api-url",
      headers: async () => {
        // this is coming from a recoil atom
        const token = await getToken();
        return GetHeaders(token);
      },
    }),
  ],
});

// some component or hook in the app
const useMyQuery = () => {
  return useQuery({
    queryKey: ["my-query"],
    queryFn: () => trcp.path.to.endpoint.query(someArgs)
  })
}