trpc subscription with react-query

Question

TRPCClientError: Subscriptions should use wsLink

having error when use subscription with react-query

import { createTRPCReact } from "@trpc/react-query";
export const trpc = createTRPCReact();

const wsClient = createWSClient({
  url: ws://localhost:8080/ws,
});

const trpcClient = trpc.createClient({
  transformer: SuperJSON,
  links: [
    httpLink({
      url: /trpc,
    }),
    wsLink({
      client: wsClient,
    }),
  ],
});

<trpc.Provider client={trpcClient} queryClient={queryClient}
          <QueryClientProvider client={queryClient}

trpc subscription with react-query

Looking for more? Join the community!