tsconfig.json

{
  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.js", "styled-system"],
  "compilerOptions": {
    "allowJs": true,
    "allowSyntheticDefaultImports": true,
    "downlevelIteration": true,
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "isolatedModules": true,
    "jsx": "react-jsx",
    "lib": ["dom", "es2019"],
    "module": "esnext",
    "moduleResolution": "node",
    "noEmit": true,
    "noFallthroughCasesInSwitch": true,
    "noImplicitAny": true,
    "noUnusedLocals": true,
    "resolveJsonModule": true,
    "skipLibCheck": true,
    "strict": true,
    "target": "es2018",
    "paths": {
      // Typecheck React based on installed types, otherwise JSX components are not recognized for some reason.
      // https://stackoverflow.com/a/75093164/480608
      "react": ["./node_modules/@types/react"],
      // Remap react-redux path to define global useSelector and useDispatch types.
      // DefaultRootState was removed in v8 and thus cannot be augmented anymore.
      // https://stackoverflow.com/a/78550104/480608
      "react-redux-default": ["./node_modules/react-redux"],
      "react-redux": ["./src/@types/react-redux.d.ts"],
      // react-split-pane types are missing the children prop, so we need to augment the shipped types
      "react-split-pane": ["./src/@types/react-split-pane.d.ts"]
    },
    "types": ["vitest/globals"]
  }
}