よく使うprettierrc, tsconfig

.prettierrc

{
  "endOfLine": "lf",
  "semi": false,
  "singleQuote": true,
  "trailingComma": "all"
}

tsconfig.json

{
  "compilerOptions": {
    // Choose your target based on which browsers you'd like to support.
    "target": "ES2017",

    // Required: Use module="ESNext" so that TS won't compile/disallow any ESM syntax.
    "module": "ESNext",

    // Required for Preact type checks.
    "moduleResolution": "Node",

    // `import React` instead of `import * as React`
    "allowSyntheticDefaultImports": true,

    // <div /> => React.createElement("div")
    "jsx": "react",

    // Required: Map "/web_modules/*" imports back to their node_modules/ TS definition files.
    "baseUrl": ".",
    "paths": {
      "/web_modules/*.js": ["node_modules/@types/*", "node_modules/*"]
    },

    // Redirect output structure to a directory.
    // The directory is defined in the package.json#scripts.
    "noEmit": false,

    // Generate source maps including their original sources.
    "sourceMap": true,
    "inlineSources": true,

    // Useful type checks.
    "strictNullChecks": true
  },

  "include": ["src/**/*"]
}