Yandawl
Yandawl
/ MockTrpcProvider.tsx
Last active
January 15, 2024 09:12
Implement Mock Service Worker with Storybook to intercept tRPC requests in Next.js 13 (app router)
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // Wrap your stories with a tRPC provider. | |
| // However, the msw-trpc package does not currently support request batching. | |
| // Use httpLink instead so that tRPC requests are not batched within stories. | |
| trpc.createClient({ | |
| transformer: superjson, | |
| links: [ | |
| httpLink({ | |
| url: `${getBaseUrl()}/api/trpc`, | |
| headers() { |