feat: remove React from imports, auto imported

Author: maximedasilva

.eslintrc.js

@@ -2,5 +2,6 @@ module.exports = {
   extends: '@poool/eslint-config-react',
   rules: {
     'react/prop-types': 0,
+    'react/react-in-jsx-scope': 0,
   },
 };

app/components/App.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { BrowserRouter, Route, Routes } from 'react-router-dom';
 import { AccessContext } from '@poool/react-access';
 

app/components/Auth.js

@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from 'react';
+import { useCallback, useState } from 'react';
 
 import { AuthContext } from '../contexts';
 

app/components/Free.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { useAudit } from '@poool/react-access';
 
 import { useAuth } from '../hooks';

app/components/Home.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import { useAudit } from '@poool/react-access';
 

app/components/Premium.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
 import {
   useAudit,

app/components/Subscription.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import { useAudit } from '@poool/react-access';
 

babel.config.js

@@ -1,10 +1,13 @@
 module.exports = {
   presets: [
-    ['@babel/preset-env', {
+    ['@babel/env', {
       corejs: 3,
       useBuiltIns: 'usage',
     }],
-    '@babel/preset-react',
+    ['@babel/react', {
+      runtime: 'automatic',
+      importSource: 'react',
+    }],
   ],
   plugins: [
     ['@babel/plugin-transform-runtime', {