chore: removing unnecessary react imports part 5

Author: jacobo-dominguez-wgu

babel.config.json

@@ -1,14 +1,14 @@
 {
   "presets": [
     ["@babel/preset-env", { "modules": false } ],
-    ["@babel/preset-react", { "useSpread": true } ],
+    ["@babel/preset-react", { "useSpread": true, "runtime": "automatic" } ],
     "@babel/preset-typescript"
   ],
   "env": {
     "test": {
       "presets": [
         ["@babel/preset-env", {}],
-        ["@babel/preset-react", { "useSpread": true } ],
+        ["@babel/preset-react", { "useSpread": true, "runtime": "automatic" }],
         "@babel/preset-typescript"
       ]
     }

src/Dropdown/Dropdown.test.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import {
   render, screen, waitFor, act,
 } from '@testing-library/react';

src/Dropdown/index.jsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { forwardRef, useState } from 'react';
 import classNames from 'classnames';
 import PropTypes from 'prop-types';
 import BaseDropdown from 'react-bootstrap/Dropdown';
@@ -8,7 +8,7 @@ import BaseDropdownToggle from 'react-bootstrap/DropdownToggle';
 import Button from '../Button';
 import IconButton from '../IconButton';
 
-const Dropdown = React.forwardRef(
+const Dropdown = forwardRef(
   // eslint-disable-next-line prefer-arrow-callback
   function Dropdown({
     show,
@@ -18,7 +18,7 @@ const Dropdown = React.forwardRef(
     className,
     ...rest
   }, ref) {
-    const [internalShow, setInternalShow] = React.useState(show);
+    const [internalShow, setInternalShow] = useState(show);
     const isClosingPermitted = (source) => {
       // autoClose=false only permits close on button click
       if (autoClose === false) {
@@ -88,7 +88,7 @@ Dropdown.defaultProps = {
   variant: 'light',
 };
 
-const DropdownToggle = React.forwardRef(
+const DropdownToggle = forwardRef(
   // eslint-disable-next-line prefer-arrow-callback
   function DropdownToggle({
     as,
@@ -116,7 +116,7 @@ DropdownToggle.defaultProps = {
   bsPrefix: 'dropdown-toggle',
 };
 
-Dropdown.Item = React.forwardRef(
+Dropdown.Item = forwardRef(
   // eslint-disable-next-line prefer-arrow-callback
   function DropdownItem({ className, ...otherProps }, ref) {
     return (

src/Dropzone/DefaultContent.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { getTypesString, formatBytes } from './utils';

src/Dropzone/DragError.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 
 function DragError({ message }) {

src/Dropzone/GenericError.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import Alert from '../Alert';
 import { Info } from '../../icons';

src/Dropzone/UploadProgress.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import PropTypes from 'prop-types';
 import { FormattedMessage } from 'react-intl';
 import Button from '../Button';

src/Dropzone/index.jsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useDropzone, ErrorCode } from 'react-dropzone';

src/Dropzone/tests/DefaultContent.test.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import renderer from 'react-test-renderer';
 import { IntlProvider } from 'react-intl';
 import { render } from '@testing-library/react';

src/Dropzone/tests/DragError.test.jsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from '@testing-library/react';
 
 import DragError from '../DragError';