title: ESLint broken: Rules with suggestions must set the `meta.hasSuggestions` property to `true`
body: <p>I am using VSCode, and when I add the line <code>'react-hooks/exhaustive-deps': 'warn'</code> to my .eslintrc.js, I get the following in the ESLint output:</p>
  <pre><code>Rules with suggestions must set the `meta.hasSuggestions` property to `true`. Occurred while linting
  C:\Users\filepath.jsx:72 Rule: &quot;react-hooks/exhaustive-deps&quot;
  </code></pre>
  <p>This breaks all other linting. I've tried adding the following to my .eslintrc.js:</p>
  <pre><code>meta: {
      hasSuggestions: true
  },
  </code></pre>
  <p>which gives me the following error:</p>
  <pre><code>UnhandledPromiseRejectionWarning: Error: ESLint configuration in .eslintrc.js is invalid:
      - Unexpected top-level property &quot;meta&quot;.
  </code></pre>
  <p>Any help would be appreciated.</p>
  <p>Here is my .eslintrc.js:</p>
  <pre><code>module.exports = {
      env: {
          browser: true,
          es2021: true,
      },
      extends: ['eslint:recommended', 'plugin:react/recommended', 'plugin:react-hooks/recommended'],
      settings: {
          'react': {
              'version': 'detect'
          }
      },
      parserOptions: {
          ecmaFeatures: {
              jsx: true,
          },
          ecmaVersion: 13,
          sourceType: 'module',
      },
      plugins: ['react-hooks', 'react'],
      rules: {
          'react/prop-types': [0],
          quotes: ['error', 'single'],
          semi: [1],
          'react/jsx-indent': [1],
          'no-multi-spaces': [1],
          'indent': [2],
          'react/jsx-newline': [2, { prevent: true }],
          'no-trailing-spaces': [1],
          'no-multiple-empty-lines': [1, { max: 1 }],
          'space-infix-ops': [1],
          'object-curly-spacing': [1, 'always'],
          'comma-spacing': [1],
          'react-hooks/rules-of-hooks': 'error',
          'react/self-closing-comp': 1,
          'react/jsx-closing-tag-location': 1,
          'no-unreachable': 1,
          'react-hooks/exhaustive-deps': 'warn'
      },
  };
  </code></pre>
  <p>Here's is my package.json:</p>
  <pre><code>{
    &quot;name&quot;: &quot;app&quot;,
    &quot;private&quot;: true,
    &quot;dependencies&quot;: {
      &quot;@babel/preset-react&quot;: &quot;^7.14.5&quot;,
      &quot;@emotion/react&quot;: &quot;^11.4.1&quot;,
      &quot;@emotion/styled&quot;: &quot;^11.3.0&quot;,
      &quot;@mui/icons-material&quot;: &quot;^5.0.4&quot;,
      &quot;@mui/material&quot;: &quot;^5.0.3&quot;,
      &quot;@mui/styles&quot;: &quot;^5.0.1&quot;,
      &quot;@rails/actioncable&quot;: &quot;^6.1.4-1&quot;,
      &quot;@rails/activestorage&quot;: &quot;^6.1.4-1&quot;,
      &quot;@rails/ujs&quot;: &quot;^6.1.4-1&quot;,
      &quot;@rails/webpacker&quot;: &quot;^6.0.0-rc.5&quot;,
      &quot;babel-plugin-macros&quot;: &quot;^3.1.0&quot;,
      &quot;prop-types&quot;: &quot;^15.7.2&quot;,
      &quot;react&quot;: &quot;^17.0.2&quot;,
      &quot;react-dom&quot;: &quot;^17.0.2&quot;,
      &quot;react-on-rails&quot;: &quot;12.3.0&quot;,
      &quot;react-player&quot;: &quot;^2.9.0&quot;,
      &quot;turbolinks&quot;: &quot;^5.2.0&quot;,
      &quot;webpack&quot;: &quot;^5.53.0&quot;,
      &quot;webpack-cli&quot;: &quot;^4.8.0&quot;
    },
    &quot;version&quot;: &quot;0.1.0&quot;,
    &quot;babel&quot;: {
      &quot;presets&quot;: [
        &quot;./node_modules/@rails/webpacker/package/babel/preset.js&quot;
      ]
    },
    &quot;browserslist&quot;: [
      &quot;defaults&quot;
    ],
    &quot;devDependencies&quot;: {
      &quot;@webpack-cli/serve&quot;: &quot;^1.6.0&quot;,
      &quot;eslint&quot;: &quot;^8.0.0&quot;,
      &quot;eslint-plugin-react&quot;: &quot;^7.26.1&quot;,
      &quot;eslint-plugin-react-hooks&quot;: &quot;^4.2.0&quot;,
      &quot;webpack-dev-server&quot;: &quot;^4.3.1&quot;
    }
  }
  
  </code></pre>