tsconfig.app.json

{
  "compilerOptions": {
    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
    "target": "ES2022",
    "useDefineForClassFields": true,
    "lib": ["ES2022", "DOM", "DOM.Iterable"],
    "module": "ESNext",
    "skipLibCheck": true,
    "baseUrl": ".",
    "paths": {
      "@/*": ["./*"]   // replace '@' as the root directory，make the project eslink checking valid
    },
    "composite": true, // Enable constraints that allow a TypeScript project to be used with project references.

    /* Bundler mode */
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "verbatimModuleSyntax": true,
    "moduleDetection": "force",
    "noEmit": true,
    "jsx": "react-jsx",
    "allowSyntheticDefaultImports": true, // Allow 'import x from y' when a module doesn't have a default export.

    /* Linting */
    "strict": true,
    // "noUnusedLocals": true,
    "noUnusedLocals": false,   // trun off the unsaged the vars checking but just let the eslint to check it
    "noUnusedParameters": true,
    "erasableSyntaxOnly": true,
    "noFallthroughCasesInSwitch": true,
    "noUncheckedSideEffectImports": true,
  },
  "include": [
    "src",// "type"
  ]
}