chore: update react imports

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

plugins/app/src/extensions/App.tsx

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react';
 import {
   ExtensionBoundary,
   coreExtensionData,

plugins/app/src/extensions/AppLayout.tsx

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react';
 import {
   createExtension,
   coreExtensionData,

plugins/app/src/extensions/AppNav.tsx

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react';
 import {
   createExtension,
   coreExtensionData,

plugins/app/src/extensions/AppRoot.tsx

@@ -14,11 +14,12 @@
  * limitations under the License.
  */
 
-import React, {
+import {
   ComponentType,
   PropsWithChildren,
   ReactNode,
   useState,
+  JSX,
 } from 'react';
 import {
   AppRootWrapperBlueprint,
@@ -94,7 +95,7 @@ export const AppRoot = createExtension({
       });
     }
 
-    let content: React.ReactNode = inputs.children.get(
+    let content: ReactNode = inputs.children.get(
       coreExtensionData.reactElement,
     );
 
@@ -182,7 +183,7 @@ export interface AppRouterProps {
   children?: ReactNode;
   SignInPageComponent?: ComponentType<SignInPageProps>;
   RouterComponent?: ComponentType<PropsWithChildren<{}>>;
-  extraElements?: Array<React.JSX.Element>;
+  extraElements?: Array<JSX.Element>;
 }
 
 function DefaultRouter(props: PropsWithChildren<{}>) {

plugins/app/src/extensions/AppRoutes.tsx

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react';
 import {
   createExtension,
   coreExtensionData,

plugins/app/src/extensions/AppThemeApi.tsx

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react';
 import {
   UnifiedThemeProvider,
   themes as builtinThemes,

plugins/app/src/extensions/DefaultSignInPage.tsx

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
 import { SignInPageBlueprint } from '@backstage/frontend-plugin-api';
 import { SignInPage } from '@backstage/core-components';
 

plugins/app/src/extensions/DialogDisplay.test.tsx

@@ -15,7 +15,7 @@
  */
 
 import { renderInTestApp } from '@backstage/frontend-test-utils';
-import React, { act, useEffect } from 'react';
+import { act, useEffect } from 'react';
 import {
   AppRootElementBlueprint,
   DialogApi,

plugins/app/src/extensions/DialogDisplay.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React, { useEffect, useState } from 'react';
+import { Fragment, useEffect, useState } from 'react';
 import {
   AppRootElementBlueprint,
   DialogApi,
@@ -110,7 +110,7 @@ export const dialogDisplayAppRootElement =
       const dialogApi = apis.get(dialogApiRef);
       if (!isInternalDialogApi(dialogApi)) {
         return originalFactory({
-          element: <React.Fragment />,
+          element: <Fragment />,
         });
       }
       return originalFactory({

plugins/app/src/extensions/components.tsx

@@ -14,8 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react';
-// TODO: Dependency on MUI should be removed from core packages
 import Button from '@material-ui/core/Button';
 
 import {

plugins/app/src/extensions/elements.tsx

@@ -16,7 +16,6 @@
 
 import { AlertDisplay, OAuthRequestDialog } from '@backstage/core-components';
 import { AppRootElementBlueprint } from '@backstage/frontend-plugin-api';
-import React from 'react';
 
 export const oauthRequestDialogAppRootElement = AppRootElementBlueprint.make({
   name: 'oauth-request-dialog',