You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
HydratedRouter and RouterProvider should be loaded from react-router
😯 Current Behavior
HydratedRouter and RouterProvider getting loaded from react-router/dom
@parcel/core: Failed to resolve 'react-router/dom' from './node_modules/react-router-dom/dist/index.mjs'
D:\PROJECTS\Project\node_modules\react-router-dom\dist\index.mjs:13:48
12 | // index.ts
13 | import { HydratedRouter, RouterProvider } from "react-router/dom";
| ^^^^^^^^^^^^^^^^^^
14 | export * from "react-router";
15 | export {
@parcel/resolver-default: Cannot load file './dom' from module 'react-router'
💁 Possible Solution
Use =>> import { HydratedRouter, RouterProvider } from "react-router";
Don't Use =>> import { HydratedRouter, RouterProvider } from "react-router/dom";
🔦 Context
I was trying to use BrowserRouter at entry point createRoot(document.querySelector("#root")).render( <Provider store={store}> <Router> <Routes> <Route path="/" element={<App />}> <Route index element={<Home />} /> <Route path="" element={} /> </Route> </Routes> </Router> </Provider>
💻 Code Sample
// node_modules/react-router-dom/dist/index.mjs import { HydratedRouter, RouterProvider } from "react-router/dom"; export * from "react-router"; export { HydratedRouter, RouterProvider };
🌍 Your Environment
Software
Version(s)
node
22.13.0
parcel
2.13.3
process
0.11.10
react-dom
19.0.0
react-redux
9.2.0
react-router-dom
7.3.0
react
19.0.0
redux
5.0.1
The text was updated successfully, but these errors were encountered:
🐛 bug report
getting error @parcel/resolver-default: Cannot load file './dom' from module 'react-router'
🎛 Configuration (.babelrc, package.json, cli command)
{ "name": "", "version": "1.0.0", "main": "script.js", "scripts": { "start": "parcel index.html" }, "keywords": [], "author": "", "license": "ISC", "type": "commonjs", "description": "", "dependencies": { "react": "^19.0.0", "react-dom": "^19.0.0", "react-redux": "^9.2.0", "react-router-dom": "^7.3.0", "redux": "^5.0.1" }, "devDependencies": { "parcel": "^2.13.3", "process": "^0.11.10" } }
🤔 Expected Behavior
HydratedRouter and RouterProvider should be loaded from react-router
😯 Current Behavior
HydratedRouter and RouterProvider getting loaded from react-router/dom
@parcel/core: Failed to resolve 'react-router/dom' from './node_modules/react-router-dom/dist/index.mjs'
D:\PROJECTS\Project\node_modules\react-router-dom\dist\index.mjs:13:48
12 | // index.ts
💁 Possible Solution
Use =>>
import { HydratedRouter, RouterProvider } from "react-router";
Don't Use =>>
import { HydratedRouter, RouterProvider } from "react-router/dom";
🔦 Context
I was trying to use BrowserRouter at entry point
createRoot(document.querySelector("#root")).render( <Provider store={store}> <Router> <Routes> <Route path="/" element={<App />}> <Route index element={<Home />} /> <Route path="" element={} /> </Route> </Routes> </Router> </Provider>
💻 Code Sample
// node_modules/react-router-dom/dist/index.mjs
import { HydratedRouter, RouterProvider } from "react-router/dom"; export * from "react-router"; export { HydratedRouter, RouterProvider };
🌍 Your Environment
The text was updated successfully, but these errors were encountered: