feat(react): new automatic runtime (#695)

* feat(react): new automatic runtime

* fix: remove useless plugin

* fix: remove eslint override

* fix: remove file

Co-authored-by: Emmanuel Chambon <[email protected]>

Author: philibea

.eslintrc

@@ -12,15 +12,21 @@
       {
         "devDependencies": ["**/__tests__/*", "rollup.config.mjs"]
       }
-    ]
+    ],
+    "react/jsx-uses-react": "off",
+    "react/react-in-jsx-scope": "off"
   },
   "overrides": [
     {
       "files": ["*.ts", "*.tsx"],
       "parserOptions": {
         "project": ["tsconfig.json"]
       },
-      "extends": ["./packages/eslint-config-react/typescript.js"]
+      "extends": ["./packages/eslint-config-react/typescript.js"],
+      "rules": {
+        "react/jsx-uses-react": "off",
+        "react/react-in-jsx-scope": "off"
+      }
     }
   ]
 }

babel.config.json

@@ -1,7 +1,12 @@
 {
   "presets": [
     "@babel/preset-env",
-    "@babel/preset-react",
+    [
+      "@babel/preset-react",
+      {
+        "runtime": "automatic"
+      }
+    ],
     ["@babel/preset-typescript", { "allowDeclareFields": true }]
   ],
   "plugins": ["@babel/plugin-transform-runtime"]

packages/jest-helpers/src/__tests__/index.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react'
 import makeHelpers from '..'
 import { RenderWithThemeFn } from '../helpers/renderWithTheme'
 import { ShouldMatchEmotionSnapshotFn } from '../helpers/shouldMatchEmotionSnapshot'

packages/jest-helpers/src/helpers/renderWithTheme.tsx

@@ -1,7 +1,7 @@
 import createCache from '@emotion/cache'
 import { CacheProvider } from '@emotion/react'
 import { RenderOptions, render } from '@testing-library/react'
-import React, { FC, ReactNode } from 'react'
+import { FC, ReactNode } from 'react'
 
 const emotionCache = createCache({
   key: 'cache',

packages/use-dataloader/.eslintrc.cjs

@@ -5,6 +5,6 @@ module.exports = {
     'import/no-extraneous-dependencies': [
       'error',
       { packageDir: [__dirname, join(__dirname, '../../')] }
-    ]
+    ],
   }
 };

packages/use-dataloader/src/DataLoaderProvider.tsx

@@ -1,5 +1,5 @@
 import PropTypes from 'prop-types'
-import React, {
+import {
   ReactElement,
   ReactNode,
   createContext,

packages/use-dataloader/src/__tests__/DataLoaderProvider.test.tsx

@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react'
 import { act, renderHook } from '@testing-library/react-hooks'
-import React, { ReactNode } from 'react'
+import { ReactNode } from 'react'
 import DataLoaderProvider, { useDataLoaderContext } from '../DataLoaderProvider'
 import { KEY_IS_NOT_STRING_ERROR, StatusEnum } from '../constants'
 

packages/use-dataloader/src/__tests__/useDataLoader.test.tsx

@@ -1,5 +1,4 @@
 import { act, renderHook } from '@testing-library/react-hooks'
-import React from 'react'
 import DataLoaderProvider, { useDataLoaderContext } from '../DataLoaderProvider'
 import { KEY_IS_NOT_STRING_ERROR } from '../constants'
 import { PromiseType, UseDataLoaderConfig, UseDataLoaderResult } from '../types'

packages/use-dataloader/src/__tests__/usePaginatedDataLoader.test.tsx

@@ -1,6 +1,5 @@
 import { act } from '@testing-library/react'
 import { renderHook } from '@testing-library/react-hooks'
-import React from 'react'
 import DataLoaderProvider from '../DataLoaderProvider'
 import { KEY_IS_NOT_STRING_ERROR } from '../constants'
 import {

packages/use-i18n/.eslintrc.cjs

@@ -5,6 +5,6 @@ module.exports = {
     'import/no-extraneous-dependencies': [
       'error',
       { packageDir: [__dirname, join(__dirname, '../../')] }
-    ]
+    ],
   }
 };