Configuration: Prettier + Eslint + TS

.eslintrc.js

module.exports = {
  plugins: ['prettier', 'react', '@typescript-eslint'],
  extends: [
    './node_modules/kcd-scripts/eslint.js',
    'plugin:@typescript-eslint/eslint-recommended',
    'plugin:@typescript-eslint/recommended',
    'prettier/@typescript-eslint',
  ],
  rules: {
    'prettier/prettier': 'error',
    'react/jsx-filename-extension': [
      1,
      { extensions: ['.js', '.jsx', '.tsx'] },
    ],
  },
  settings: {
    'import/resolver': {
      node: {
        extensions: ['.js', '.jsx', '.ts', '.tsx'],
        paths: ['src'],
      },
    },
  },
}

prettier.config.js

const prettierConfig = require('kcd-scripts/prettier');

module.exports = Object.assign(prettierConfig, {
  bracketSpacing: true,
  endOfLine: 'lf',
});