tRPC Client Devtools Link

A neat link to use the tRPC Client Devtools extension with your tRPC app

This link lets your app communicate with the tRPC Client Devtools extension. You can download it for Chrome or Firefox.

Installation

npm install trpc-client-devtools-link

Example

import { devtoolsLink } from "trpc-client-devtools-link"
...
links: [
  devtoolsLink({
    // `enabled` is true by default
    // If you want to use the devtools extension just for development, do the following
    enabled: process.env.NODE_ENV === 'development'
  }),
  httpLink({
    url,
  })
],
...

Requirements

Peer dependencies:

• tRPC Client v10 (@trpc/client@^10.0.0-proxy-beta.10) must be installed.
• tRPC Server v10 (@trpc/server@^10.0.0-proxy-beta.10) must be installed.

Credits

• This link is a modified version of the original loggerLink implemented in tRPC. You can check it out here.
• This library took heavily from the concepts to communicate between a library and a Chrome extension found in this article from Patrick Desjardins.