chore: update react imports

Signed-off-by: Paul Schultz <pschultz@pobox.com>

packages/dev-utils/src/components/EntityGridItem/EntityGridItem.tsx

@@ -18,7 +18,6 @@ import { Entity } from '@backstage/catalog-model';
 import { EntityProvider } from '@backstage/plugin-catalog-react';
 import Grid, { GridProps } from '@material-ui/core/Grid';
 import { Theme, makeStyles } from '@material-ui/core/styles';
-import React from 'react';
 
 const useStyles = makeStyles<Theme, { entity: Entity }>(theme => ({
   root: ({ entity }) => ({

packages/dev-utils/src/components/SidebarLanguageSwitcher/SidebarLanguageSwitcher.test.tsx

@@ -16,7 +16,6 @@
 
 import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
 import userEvent from '@testing-library/user-event';
-import React from 'react';
 import ObservableImpl from 'zen-observable';
 import {
   AppLanguageApi,

packages/dev-utils/src/components/SidebarLanguageSwitcher/SidebarLanguageSwitcher.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React, { useState } from 'react';
+import { MouseEvent, useState } from 'react';
 import { appLanguageApiRef } from '@backstage/core-plugin-api/alpha';
 import TranslateIcon from '@material-ui/icons/Translate';
 import ListItemText from '@material-ui/core/ListItemText';
@@ -47,7 +47,7 @@ export const SidebarLanguageSwitcher = () => {
     setAnchorEl(undefined);
   };
 
-  const handleOpen = (event: React.MouseEvent) => {
+  const handleOpen = (event: MouseEvent) => {
     setAnchorEl(event.currentTarget);
   };
 

packages/dev-utils/src/components/SidebarSignOutButton/SidebarSignOutButton.tsx

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react';
 import { SidebarItem } from '@backstage/core-components';
 import LockIcon from '@material-ui/icons/Lock';
 import {

packages/dev-utils/src/devApp/SidebarThemeSwitcher.test.tsx

@@ -17,7 +17,6 @@
 import { AppThemeApi, appThemeApiRef } from '@backstage/core-plugin-api';
 import { renderInTestApp, TestApiProvider } from '@backstage/test-utils';
 import userEvent from '@testing-library/user-event';
-import React from 'react';
 import ObservableImpl from 'zen-observable';
 import { SidebarThemeSwitcher } from './SidebarThemeSwitcher';
 

packages/dev-utils/src/devApp/SidebarThemeSwitcher.tsx

@@ -20,7 +20,7 @@ import ListItemText from '@material-ui/core/ListItemText';
 import Menu from '@material-ui/core/Menu';
 import MenuItem from '@material-ui/core/MenuItem';
 import AutoIcon from '@material-ui/icons/BrightnessAuto';
-import React, { cloneElement, useCallback, useState } from 'react';
+import { MouseEvent, cloneElement, useCallback, useState } from 'react';
 import useObservable from 'react-use/esm/useObservable';
 
 type ThemeIconProps = {
@@ -49,7 +49,7 @@ export const SidebarThemeSwitcher = () => {
   const [anchorEl, setAnchorEl] = useState<Element | undefined>();
   const open = Boolean(anchorEl);
 
-  const handleOpen = (event: React.MouseEvent) => {
+  const handleOpen = (event: MouseEvent) => {
     setAnchorEl(event.currentTarget);
   };
 

packages/dev-utils/src/devApp/render.test.tsx

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react';
 import { render } from '@testing-library/react';
 import { createDevApp } from './render';
 import { configApiRef, useApi } from '@backstage/core-plugin-api';

packages/dev-utils/src/devApp/render.tsx

@@ -47,7 +47,7 @@ import {
 } from '@backstage/integration-react';
 import Box from '@material-ui/core/Box';
 import BookmarkIcon from '@material-ui/icons/Bookmark';
-import React, { ComponentType, PropsWithChildren, ReactNode } from 'react';
+import { ComponentType, PropsWithChildren, ReactNode } from 'react';
 import { createRoutesFromChildren, Route } from 'react-router-dom';
 import { SidebarThemeSwitcher } from './SidebarThemeSwitcher';
 import 'react-dom';