.eslintrc

{
    "extends": ["next", "eslint:recommended", "prettier"],
    "env": {
      "browser": true,
      "commonjs": true,
      "es6": true,
      "node": true
    },
    "settings": {
      "import/resolver": {
        "node": {
          "paths": ["src"]
        }
      }
    },
    "rules": {
      "react/prop-types": "error",
      "react/display-name": "off",
      "react/no-children-prop": "warn",
  
      // disallow importing from the same path more than once
      // http://eslint.org/docs/rules/no-duplicate-imports
      "no-duplicate-imports": "error",
      
      // ensure imports point to files/modules that can be resolved
      // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-unresolved.md
      "import/no-unresolved": ["error", { "commonjs": true, "caseSensitive": true }],
  
      // Forbid the use of extraneous packages
      // https://github.com/benmosher/eslint-plugin-import/blob/master/docs/rules/no-extraneous-dependencies.md
      // paths are treated both as absolute paths, and relative to process.cwd()
      "import/no-extraneous-dependencies": ["error", {
        "devDependencies": [
          "test/**", // tape, common npm pattern
          "tests/**", // also common npm pattern
          "spec/**", // mocha, rspec-like pattern
          "**/__tests__/**", // jest pattern
          "**/__mocks__/**", // jest pattern
          "test.{js,jsx}", // repos with a single test file
          "test-*.{js,jsx}", // repos with multiple top-level test files
          "**/*{.,_}{test,spec}.{js,jsx}", // tests where the extension or filename suffix denotes that it is a test
          "**/jest.config.js", // jest config
          "**/jest.setup.js" // jest setup
        ],
        "optionalDependencies": false
      }],
  
      
      "no-use-before-define": ["error", { "functions": false, "classes": false, "variables": true }]
    }
  }