Migration from v1 to v2 module resolution problem

[omeroot]

We moved our codebase from v1 to v2. Fixed all dependencies problems. App is running but there is a typescript error that is not effecting app.

Error:
Parsing error: Argument for '--moduleResolution' option must be: 'node', 'classic', 'node16', 'nodenext'.eslint

Code sample:

import type {
  ActionFunction,
  HeadersFunction,
  LinksFunction,
  LoaderFunctionArgs,
} from "@remix-run/node";

tsconfig.json file

{
  "exclude": ["./cypress"],
  "include": ["remix.env.d.ts", "**/*.ts", "**/*.tsx", "jest.test/util/sequencer.js"],
  "compilerOptions": {
    "lib": ["DOM", "DOM.Iterable", "ES2022"],
    "types": ["vitest/globals"],
    "isolatedModules": true,
    "esModuleInterop": true,
    "jsx": "react-jsx",
    "moduleResolution": "Bundler",
    "resolveJsonModule": true,
    "target": "ES2022",
    "strict": true,
    "baseUrl": ".",
    "paths": {
      "~/*": ["./app/*"],
      "@components": ["./app/components"],
      "@models": ["./app/models"],
    },
    "skipLibCheck": true,
    "noEmit": true,
    "forceConsistentCasingInFileNames": true,
    "allowJs": true,
  },
}

This is the remix-node package tsconfig

{
  "include": ["**/*.ts"],
  "exclude": ["dist", "__tests__", "node_modules"],
  "compilerOptions": {
    "lib": ["ES2022"],
    "target": "ES2022",
    "module": "ES2022",
    "composite": true,

    "moduleResolution": "Bundler",
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "declaration": true,
    "emitDeclarationOnly": true,
    "rootDir": ".",
    "outDir": "../../build/node_modules/@remix-run/node/dist",

    // Avoid naming conflicts between lib.dom.d.ts and globals.ts
    "skipLibCheck": true
  }
}

These two tsconfig is compatible each other. Why ts throws at error of top.

[Erij-Maherzia-BEN-BRAHIM]

you should bump your typescript version in your package.json file

[sergiodxa]

☝️ you need at least the v5 of TS