useSuspenseQuery

from tRPC

例

code:ts

function PostView() {

const post, result = trpc.post.byId.useSuspenseQuery({ id: '1' });

return <>{/* ... */}</>;

}

useSuspenseQueryは、[data,QuerySuccessResult]を返す

dataの方が、useQueryのdataに相当する

嬉しいのが、これの型がT|undefinedではなく、Tになってることmrsekut.icon*2

useQueryの方にも{suspense: true}というオプションがあったが、これだとT|undefinedになっていて渋い

QuerySuccessResultの方は、useQueryのdata以外のやつをobjectにまとめたようなやつ

中身にはisErrroとかisLoadingとか諸々が入ってる

使う機会は少なそうmrsekut.icon

型引数でexperimental公開するのおもしろいmrsekut.icon

code:ts

export const trpc = createTRPCReact<

AppRouter,

unknown,

'ExperimentalSuspense'

();