Download the React DevTools for a better development experience: https://react.dev/link/react-devtools
dev-base.ts:197 Uncaught Error: Module [project]/node_modules/styled-jsx/style.js [app-client] (ecmascript) was instantiated because it was required from module [project]/app/page.tsx [app-client] (ecmascript), but the module factory is not available. It might have been deleted in an HMR update.
at instantiateModule (dev-base.ts:197:11)
at getOrInstantiateModuleFromParent (dev-base.ts:162:10)
at DevContext.esmImport [as i] (runtime-utils.ts:347:18)
at module evaluation (LoginModal.tsx:14:25)
at dev-base.ts:244:7
at runModuleExecutionHooks (dev-base.ts:278:7)
at instantiateModule (dev-base.ts:238:5)
at getOrInstantiateModuleFromParent (dev-base.ts:162:10)
at DevContext.commonJsRequire [as r] (runtime-utils.ts:389:10)
at requireModule (react-server-dom-turbopack-client.browser.development.js:97:27)
at initializeModuleChunk (react-server-dom-turbopack-client.browser.development.js:1861:21)
at resolveModuleChunk (react-server-dom-turbopack-client.browser.development.js:1748:12)
at react-server-dom-turbopack-client.browser.development.js:2904:20
[NEW] Explain Console errors by using Copilot in Edge: click

to explain an error.
Learn more
Don't show again
forward-logs-shared.ts:95 [HMR] connected
Unable to add filesystem: <illegal path>
web-socket.ts:50 WebSocket connection to 'ws://localhost:4000/_next/webpack-hmr?id=_PlYaVogpH7VpMT2tRhsn' failed: WebSocket opening handshake timed out