Next + Create a SNS service with React Query
We will create an SNS service similar to Twitter (X.com) using the React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand stack. Finally, we will add SSR for search engine optimization!
3,399 learners
Level Intermediate
Course period Unlimited

Next Related Library Bugs and Version Information
Hello, students,
I think you've been suffering from bugs since the introduction of msw and next-auth. I'm also suffering because I don't know how to solve it. For now, the only way is to lower the version.
Currently @auth/core next-auth msw has a bug, so please fix the version as follows.
Method 1
npm i @auth/core@0.19 next-auth@5.0.0-beta.3 msw@2.1
Method 2 (if you want to use a more recent version)
npm i @auth/core@0.27 next-auth@5.0.0-beta.11 msw@2.1
Install it like this and delete AUTH_URL from .env. And use NEXT_PUBLIC_BASE_URL instead in auth.ts. The key is not to use AUTH_URL in .env.
const authResponse = await fetch(`${process.env.NEXT_PUBLIC_BASE_URL}/api/login`, {
The bug in msw@2.2 is not fixed yet.
https://github.com/mswjs/msw/issues/1658#issuecomment-1953599080
I'm reporting bugs like this, but I don't know when they'll be fixed. I'll share it again as soon as it's fixed. I told you to leave it until early this year because it's too early for next app router practice. You'll have to leave it for about 6 more months... Hehe.
thank you
Jo Hyun-young's dream.




