Getting unexpected init.body ("URLSearchParams {}") to be an instance of URLSearchParams error

[Moemen12]

Hello Guys , I'm using React Js 19 , React router v7 , React hook form and msw .

Here's sandbox link of the project
test code is inside /src/features/auth/components/auth-form.test.tsx

what i noticed is when i use name attribute for inputs instead of {...methods.register("...")} that's used by react hook form im not getting this error anymore but in the other hand react hook validation wont work..

https://codesandbox.io/p/devbox/agitated-spence-fztdmr

Im getting this error when i run my tests

[kettanaito]

Hi, @Moemen12. Thanks for sharing this. I don't seem to be able to open that sandbox. It displays as private or something. Could you please double-check its public access or maybe upload it to GitHub?

The error itself strongly suggests a globals issue. Whether MSW is related to this, that's something I am to investigate once you share the repo.

[Moemen12]

@kettanaito Hi Thank u for letting me know , I've updated the url u can check it now :)
As i said before I'm not getting this error if i used name attribute for the inputs fields .. but here i'm using {...methods.register("...")} from react hook form that add name attribute under the hook to the fields and if i didn't the validation wont work
I'm trying to do an integration test to see if user has been redirected to / path after signing up

[kettanaito]

What troubles me is that you're interfacing with a third-party lib that then results in a request. I'm suspecting MSW is the middleman here, and you're getting an error because the instance you construct isn't the correct global instance (the Undici check). While I'm looking into this, I highly advise you search this online, starting from your form lib's repo.