tsconfig.json

{
  "include": [
    "env.d.ts",
    "**/*.ts",
    "**/*.tsx",
    "**/.server/**/*.ts",
    "**/.server/**/*.tsx",
    "**/.client/**/*.ts",
    "**/.client/**/*.tsx"
  ],
  "compilerOptions": {
    "lib": ["DOM", "DOM.Iterable", "ES2022"],
    "isolatedModules": true,
    "esModuleInterop": true,
    "jsx": "react-jsx",
    "module": "ESNext",
    "moduleResolution": "Bundler",
    "resolveJsonModule": true,
    "target": "ES2022",
    "strict": true,
    "allowJs": true,
    "forceConsistentCasingInFileNames": true,
    "baseUrl": ".",
    "paths": {
      "@app-types/*": ["app/@types/*"], //the reason that I use @app-types is https://stackoverflow.com/a/67892812/790811
      "~/*": ["./app/*"]
    },
    "typeRoots": ["node_modules/@types", "./node_modules"],
    "types": ["@remix-run/node", "vite/client", "vitest/globals"],

    "skipLibCheck": true, //becuase we have types in app/@types, we cannot exlude the node_modules folder. having this skip "*.d.ts" files.
    // Remix takes care of building everything in `remix build`.
    "noEmit": true
  }
}