chore: update react imports

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

packages/test-utils/src/testUtils/TestApiProvider.test.tsx

@@ -14,7 +14,6 @@
  * limitations under the License.
  */
 
-import React from 'react';
 import { createApiRef, useApiHolder } from '@backstage/core-plugin-api';
 import { TestApiProvider, TestApiRegistry } from './TestApiProvider';
 import { render, screen } from '@testing-library/react';

packages/test-utils/src/testUtils/TestApiProvider.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { ApiProvider } from '@backstage/core-app-api';
 import { ApiRef, ApiHolder } from '@backstage/core-plugin-api';
 

packages/test-utils/src/testUtils/appWrappers.test.tsx

@@ -25,7 +25,7 @@ import {
 } from '@backstage/core-plugin-api';
 import { withLogCollector } from './logCollector';
 import { render } from '@testing-library/react';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { Route, Routes } from 'react-router-dom';
 import { MockErrorApi } from './apis';
 import { renderInTestApp, wrapInTestApp } from './appWrappers';

packages/test-utils/src/testUtils/appWrappers.tsx

@@ -14,11 +14,12 @@
  * limitations under the License.
  */
 
-import React, {
+import {
   ComponentType,
   PropsWithChildren,
   ReactElement,
   ReactNode,
+  createElement,
 } from 'react';
 import { MemoryRouter, Route } from 'react-router-dom';
 import { themes, UnifiedThemeProvider } from '@backstage/theme';
@@ -230,11 +231,11 @@ export function wrapInTestApp(
 ): ReactElement {
   const TestAppWrapper = createTestAppWrapper(options);
 
-  let wrappedElement: React.ReactElement;
+  let wrappedElement: ReactElement;
   if (Component instanceof Function) {
-    wrappedElement = React.createElement(Component as ComponentType);
+    wrappedElement = createElement(Component as ComponentType);
   } else {
-    wrappedElement = Component as React.ReactElement;
+    wrappedElement = Component as ReactElement;
   }
 
   return <TestAppWrapper>{wrappedElement}</TestAppWrapper>;
@@ -255,11 +256,11 @@ export async function renderInTestApp(
   Component: ComponentType<PropsWithChildren<{}>> | ReactNode,
   options: TestAppOptions & LegacyRootOption = {},
 ): Promise<RenderResult> {
-  let wrappedElement: React.ReactElement;
+  let wrappedElement: ReactElement;
   if (Component instanceof Function) {
-    wrappedElement = React.createElement(Component as ComponentType);
+    wrappedElement = createElement(Component as ComponentType);
   } else {
-    wrappedElement = Component as React.ReactElement;
+    wrappedElement = Component as ReactElement;
   }
   const { legacyRoot } = options;