tRPCのv9からv10にmigrateするときのclientのハマりどころZennterrierscript🛺tRPCのv9からv10にmigrateするときのclientのハマりどころ2022/12/06に公開JavaScriptTypeScripttRPCtechtRPCがv9からv10で大幅な変更があった。幸いにもinterop()という互換機能があり、マイグレーションガイドも十分にあるのでほとんど書き換えずに処理できる。一点、clientの書き方は若干混乱があり、ハマりどころが存在していたのでその点についての覚書きv9の記法のまま利用したい場合は、createTRPCProxyClientではなくcreateTRPCClientを変更するclientの利用方法として、v9では下記のように記述する。})}しかしこの記述の場合、下記のようにclientの利用記法を変更しなければならない。getTrpcProxyClient()client.greeting.query("tom")また、createTRPCProxyClientを利用した場合、interop()したルーターは型補完が効かないようだった解決法:createTRPCClientの引数を変更するv9でinterop()したルーターをそのままの記法で利用するには、createTRPCClientをそのまま使う必要がある。})}URLのオプションは消え、linksの形でcreateTRPCProxyClientと同様のパラメータを渡すと互換性を保った状態で動作し、型補完も効くようになる。createTRPCClientはdeprecatedになっているのでVSCode上では取り消し線が出るが、一旦の互換処理としては十分だろう。GitHubで編集を提案terrierscript🐶バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。