Error when migrating from remix and running npm install

[ChenPeleg]

Reproduction

Tring to follow the migration guide in https://reactrouter.com/upgrading/remix

Now the migration using codemod worked, but when I did npm install

I got this error:

npm error While resolving: xxxxxr@xxxxx
npm error Found: react-router@6.29.0
npm error node_modules/react-router
npm error   react-router@"^7.0.0" from the root project
npm error   react-router@"6.29.0" from @remix-run/react@2.15.3
npm error   node_modules/@remix-run/react
npm error     peer @remix-run/react@"^2.15.3" from @remix-run/dev@2.15.3
npm error     node_modules/@remix-run/dev
npm error   1 more (react-router-dom)

This is my package.json:

  "dependencies": {
    "@prisma/client": "^6.8.2",
    "@react-router/node": "^7.0.0",
    "@react-router/serve": "^7.0.0",
    "isbot": "^4.1.0",
    "prisma": "^6.8.2",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-router": "^7.0.0"
  },
  "devDependencies": {
    "@react-router/dev": "^7.0.0",
    "@testing-library/dom": "^10.4.0",
    "@testing-library/react": "^16.3.0",
    "@types/react": "^18.2.20",
    "@types/react-dom": "^18.2.7",
    "@typescript-eslint/eslint-plugin": "^6.7.4",
    "@typescript-eslint/parser": "^6.7.4",
    "@vitejs/plugin-react": "^4.5.0",
    "autoprefixer": "^10.4.19",
    "eslint": "^8.38.0",
    "eslint-import-resolver-typescript": "^3.6.1",
    "eslint-plugin-import": "^2.28.1",
    "eslint-plugin-jsx-a11y": "^6.7.1",
    "eslint-plugin-react": "^7.33.2",
    "eslint-plugin-react-hooks": "^4.6.0",
    "jsdom": "^26.1.0",
    "postcss": "^8.4.38",
    "tailwindcss": "^3.4.4",
    "typescript": "^5.1.6",
    "vite": "^5.1.0",
    "vite-tsconfig-paths": "^4.2.1",
    "vitest": "^3.1.4"
  },

System Info

System:
    OS: Windows 11 10.0.26100
    CPU: (32) x64 13th Gen Intel(R) Core(TM) i9-13900HX
    Memory: 16.08 GB / 31.81 GB
  Binaries:
    Node: 22.13.1 - ~\AppData\Local\nvs\default\node.EXE
    npm: 10.9.2 - ~\AppData\Local\nvs\default\npm.CMD
  Browsers:
    Edge: Chromium (137.0.3296.52)
    Internet Explorer: 11.0.26100.1882
  npmPackages:
    vite: ^5.1.0 => 5.4.14

Used Package Manager

npm

Expected Behavior

The upgrade should success

Actual Behavior

The npm install command fails

[ChenPeleg]

Ok turns out I need to uninstall all the @remix/... dependencies including the @remix/dev before using the codemod process. That prevented the npm errors.

Look at this:

remix-run/react-router#13728 (comment)

And @timdorr's replay:

Yeah, all of those should be handled: https://github.com/jrestall/react-router-codemods/blob/main/packages/remix-to-react-router/src/config.ts

I would open an issue in their repo to figure out what is going on.