.eslintrc

{
  "parser": "babel-eslint",
  "extends": ["react-app", "airbnb", "prettier"],
  "env": {
    "browser": true,
    "jest": true
  },
  "plugins": ["react-hooks"],
  "rules": {
    "react-hooks/rules-of-hooks": "error",
    "react-hooks/exhaustive-deps": "warn",
    "jsx-a11y/label-has-for": [
      2,
      {
        "components": ["label"],
        "allowChildren": true
      }
    ]
  }
}

.stylelintrc

{
  "extends": [
    "stylelint-config-recommended",
    "stylelint-prettier/recommended",
    "stylelint-config-css-modules"
  ],
  "plugins": ["stylelint-prettier", "stylelint-order"],
  "rules": {
    "prettier/prettier": true,
    "order/properties-alphabetical-order": true
  }
}

package.json

{
  // ...
  "scripts": {
    "build": "react-scripts build",
    "eject": "react-scripts eject",
    "lint": "eslint --ext .js,.jsx .",
    "start": "react-scripts start",
    "test:lint-staged": "cross-env CI=true react-scripts test --findRelatedTests",
    "test": "react-scripts test"
  },
  "lint-staged": {
    "*.css": [
      "prettier --write",
      "stylelint --fix",
      "git add"
    ],
    "*.{js,jsx}": [
      "yarn run test:lint-staged",
      "eslint --ext .js,.jsx",
      "prettier --write",
      "git add"
    ],
    "*.{json,md}": [
      "prettier --write",
      "git add"
    ]
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged"
    }
  }
}

prettierrc

{
  "printWidth": 100
}