page reload even when I not modify code

[tjx666]

Summary

I recently upgrade my company project from 12 to 14, after upgrade, the development became very bad due to the web page often reload.

My project use page router, api router, getServerSidePropswhich is a typical nextjs ssr project. When I startup project bynext dev`, in these cases the opened web page sometimes full reload:

1. when I click next router link
2. when I just click some button, will call api router fetch request
3. When I call next router.push()

One key problem is I didn't edit the source code.

I see some logs in the chrome console:

Refreshing page data due to server-side change
hot-reloader-client.js:222 [Fast Refresh] rebuilding
hydration-error-info.js:63 TypeError: Failed to fetch
    at fetchRetry (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:233:12)
    at getData (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:266:16)
    at fetchNextData (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:366:38)
    at Object.fetchData (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:1038:32)
    at withMiddlewareEffects (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:213:32)
    at async Router.getRouteInfo (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:1037:73)
    at async Router.change (webpack-internal:///./node_modules/next/dist/shared/lib/router/router.js:710:29)
console.error @ hydration-error-info.js:63
window.console.error @ setup-hydration-warning.js:18
handleRouteInfoError @ router.js:948
getRouteInfo @ router.js:1183
await in getRouteInfo (async)
change @ router.js:710
await in change (async)
replace @ router.js:445
eval @ page-bootstrap.js:104
handleMessage @ websocket.js:52
Show 8 more frames
Show less
Navigated to http://localhost:xxx/studio?mode=yyy

Another thing I want to note is

every time before the page full reload, the terminal console will compile some api router like following. Even it had compiled before:

✓ Compiled /api/user/my_bookmark_collections in 274ms (1805 modules)
 ✓ Compiled (1807 modules)

The frequent page reload make the dev experience very bad. After search many related issue and try many fix solutions, but still often reload the web page.

Additional information

"next": "^14.2.4",
"next-auth": "^4.24.7",

Example

No response