@eglove/eslint-config-ethang v2.0.20

EsLint Config for Next.js and TypeScript

Requires:

Install:

Peer dependencies are required. To quickly install all peer dependencies (there are a lot), use install-peerdeps.

yarn global add install-peerdeps
install-peerdeps @eglove/eslint-config-ethang

Peer Dependency List

@eglove/eslint-config-ethang @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint eslint-config-next eslint-config-prettier eslint-config-xo eslint-config-xo-react eslint-config-xo-typescript eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-prettier eslint-plugin-promise eslint-plugin-react eslint-plugin-react-hooks eslint-plugin-simple-import-sort eslint-plugin-sonarjs eslint-plugin-typescript-sort-keys eslint-plugin-unicorn prettier typescript typescript-plugin-css-modules

.eslintrc

{
    "extends": ["@eglove/eslint-config-ethang"]
}

TSConfig

Add typescript-plugin-css-modules to your tsconfig.json

It's recommended to change the target to es6.

This will resolve some linting issues. As well as allow you to target modern features and use Next CSS modules at the same time.

tsconfig.json

{
  "compilerOptions": {
    "target": "es6",
    "lib": ["dom", "dom.iterable", "esnext"],
    "plugins": [{ "name":  "typescript-plugin-css-modules" }],
    "allowJs": true,
    "skipLibCheck": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noEmit": true,
    "esModuleInterop": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "jsx": "preserve"
  },
  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
  "exclude": ["node_modules"]
}