maloguertin/msw-trpc

trpc query firing before service worker is started

RL-adaptive opened this issue · 2 comments

RL-adaptive commented

Describe the bug
My app is using Nextjs although no SSR is being performed. Despite deferring app bootstrapping as suggested here, trpc queries are fired before the MSW service worker initializes.
trpc
I can confirm that subsequent queries are being intercepted by msw. Has anyone tried integrating msw-trpc with a Nextjs app before and encountered this issue?

To Reproduce
Steps to reproduce the behavior:

  1. Create a Nextjs app using msw-trpc for request mocking
  2. Create a component that performs an immediate trpc query
  3. Navigate to component with msw active
  4. See query fired before service worker is loaded

Expected behavior
MSW service worker is finished loading before trpc queries are fired by react.

Versions
typescript: v4.7.4
tRPC: v10.9.0
msw: v1.2.2
next: v12.3.0

maloguertin commented

Hello! Have you tried with MSW standalone without msw-trpc? Trying to identify if this is related to this lib specifically.

maloguertin commented

I will close this issue for now as I can't reproduce but feel free to reopen!