trpc-swr

tRPC-ified SWR hooks

Documentation: https://trpc-swr.vercel.app/

Installation

1npm install @trpc-swr/client
2# Peer deps
3npm install swr @trpc/client @trpc/server

Usage

1// profile.tsx
2import { trpc } from "./trpc";
3
4const Profile = (props: { userId: string }) => {
5  const { data, isLoading } = trpc.user.get.useSWR({ id: props.userId });
6
7  return (
8    <div>
9      Name:{" "}
10      {!data && isLoading
11        ? "loading..."
12        : data
13        ? data.name
14        : "User does not exist"}
15    </div>
16  );
17};