remove nested eslint configs

.eslintrc.js

@@ -32,6 +32,7 @@ module.exports = {
     'plugin:import/typescript',
     'plugin:react/recommended',
     'plugin:react-hooks/recommended',
+    'plugin:react/jsx-runtime',
     'prettier',
   ],
 
@@ -221,24 +222,13 @@ module.exports = {
     'react/jsx-curly-brace-presence': 'error',
     'react/jsx-boolean-value': 'error',
     'react/jsx-handler-names': 'error',
-    'react/jsx-key': 'error',
-    'react/jsx-no-duplicate-props': 'error',
-    'react/jsx-no-undef': 'error',
     'react/jsx-pascal-case': 'error',
-    'react/jsx-uses-react': 'error',
-    'react/jsx-uses-vars': 'error',
-    'react/no-deprecated': 'error',
     'react/no-did-mount-set-state': 'error',
     'react/no-did-update-set-state': 'error',
-    'react/no-direct-mutation-state': 'error',
-    'react/no-string-refs': 'error',
-    'react/no-unknown-property': 'error',
     'react/prop-types': 0,
     'react/prefer-es6-class': 'error',
     'react/prefer-stateless-function': 'error',
-    'react/react-in-jsx-scope': 'error',
     'react/self-closing-comp': 'error',
-    'react/display-name': 'warn',
     'react/jsx-no-useless-fragment': 'error',
     'react/jsx-filename-extension': [
       'error',

examples/graphiql-parcel/src/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import ReactDOM from 'react-dom';
 import { GraphiQL } from 'graphiql';
 

examples/graphiql-parcel/tsconfig.json

@@ -14,7 +14,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react"
+    "jsx": "react-jsx"
   },
   "include": ["src"]
 }

packages/graphiql/__mocks__/@graphiql/react.tsx

@@ -9,7 +9,7 @@ import {
   useResponseEditor as _useResponseEditor,
   useVariableEditor as _useVariableEditor,
 } from '@graphiql/react';
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 
 export {
   Argument,