React Typescript Scss の環境構築

$ node -v                                                                                                                                                                                                                
# v16.4.1
$ npm -v
# 7.17.0
$ yarn -v
# 1.22.10

yarn global add create-react-app
npx create-react-app react-helloworld-app --template typescript 
cd react-helloworld-app
yarn add sass

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/eslint-recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:react/recommended",
    "plugin:react-hooks/recommended"
  ],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "ecmaFeatures": {
      "jsx": true
    },
    "ecmaVersion": 12,
    "sourceType": "module"
  },
  "plugins": ["react-hooks", "react", "@typescript-eslint"],
  "rules": {
    "react-hooks/rules-of-hooks": "error", // Checks rules of Hooks
    "react-hooks/exhaustive-deps": "warn" // Checks effect dependencies
  }
}