Remove unused React imports from packages/teleterm (#50211)

web/packages/teleterm/src/ui/AccessRequestCheckout/AssumedRolesBar.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import styled from 'styled-components';
 import { Box, Flex, Text } from 'design';
 import { pluralize } from 'shared/utils/text';

web/packages/teleterm/src/ui/AppInitializer/AppInitializer.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { Indicator } from 'design';
 

web/packages/teleterm/src/ui/ClusterConnect/ClusterAdd/ClusterAdd.story.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 
 import Dialog from 'design/Dialog';
 

web/packages/teleterm/src/ui/ClusterConnect/ClusterLogin/FormLogin/FormPasswordless/FormPasswordless.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import styled from 'styled-components';
 import { Text, Flex, ButtonText, Box } from 'design';
 import { Key, ArrowForward } from 'design/Icon';

web/packages/teleterm/src/ui/ClusterLogout/ClusterLogout.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { MockAppContextProvider } from 'teleterm/ui/fixtures/MockAppContextProvider';
 
 import { ClusterLogout } from './ClusterLogout';

web/packages/teleterm/src/ui/ClusterLogout/ClusterLogout.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import DialogConfirmation, {
   DialogContent,
   DialogFooter,

web/packages/teleterm/src/ui/ConnectMyComputer/CompatibilityPromise.test.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { screen } from '@testing-library/react';
 import { render } from 'design/utils/testing';
 

web/packages/teleterm/src/ui/ConnectMyComputer/CompatibilityPromise.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { Text, ButtonPrimary, Alert, Flex } from 'design';
 import Link from 'design/Link';
 

web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/DocumentConnectMyComputer.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 
 import Indicator from 'design/Indicator';
 

web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.story.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useEffect, useRef, useLayoutEffect } from 'react';
+import { useEffect, useRef, useLayoutEffect } from 'react';
 
 import { MockAppContextProvider } from 'teleterm/ui/fixtures/MockAppContextProvider';
 import { MockAppContext } from 'teleterm/ui/fixtures/mocks';

web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Setup.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useCallback, useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { Box, ButtonPrimary, Flex, Text, Alert, H1 } from 'design';
 import { Attempt, makeEmptyAttempt, useAsync } from 'shared/hooks/useAsync';

web/packages/teleterm/src/ui/ConnectMyComputer/DocumentConnectMyComputer/Status.story.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useLayoutEffect } from 'react';
+import { useLayoutEffect } from 'react';
 
 import {
   makeRootCluster,

web/packages/teleterm/src/ui/ConnectMyComputer/Logs.tsx

@@ -17,7 +17,6 @@
  */
 
 import { Flex, Text } from 'design';
-import React from 'react';
 
 interface LogsProps {
   logs: string;

web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.story.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useEffect, useRef, useLayoutEffect } from 'react';
+import { useEffect, useRef, useLayoutEffect } from 'react';
 
 import { MockWorkspaceContextProvider } from 'teleterm/ui/fixtures/MockWorkspaceContextProvider';
 import { makeRootCluster } from 'teleterm/services/tshd/testHelpers';

web/packages/teleterm/src/ui/ConnectMyComputer/NavigationMenu.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { forwardRef, useRef, useState } from 'react';
+import { forwardRef, useRef, useState } from 'react';
 import styled, { css } from 'styled-components';
 import { Box, Button, Indicator, Menu, MenuItem, blink } from 'design';
 import { Laptop, Warning } from 'design/Icon';

web/packages/teleterm/src/ui/ConnectMyComputer/UpgradeAgentSuggestion.test.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { render } from 'design/utils/testing';
 import { screen } from '@testing-library/react';
 

web/packages/teleterm/src/ui/ConnectMyComputer/UpgradeAgentSuggestion.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { Alert, Text } from 'design';
 import Link from 'design/Link';
 

web/packages/teleterm/src/ui/DocumentAccessRequests/DocumentAccessRequests.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { Attempt } from 'shared/hooks/useAsync';
 
 import { AccessRequest } from 'shared/services/accessRequests';

web/packages/teleterm/src/ui/DocumentAccessRequests/RequestList/RequestList.test.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { MemoryRouter } from 'react-router-dom';
 import { fireEvent, render, screen } from 'design/utils/testing';
 

web/packages/teleterm/src/ui/DocumentAccessRequests/RequestList/RequestList.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import styled from 'styled-components';
 
 import { Label, Alert, ButtonBorder, Flex, ButtonPrimary, Box } from 'design';

web/packages/teleterm/src/ui/DocumentCluster/DocumentCluster.story.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import styled from 'styled-components';
 
 import AppContextProvider from 'teleterm/ui/appContextProvider';

web/packages/teleterm/src/ui/DocumentCluster/DocumentCluster.test.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { act } from '@testing-library/react';
 import { render, screen } from 'design/utils/testing';
 import { mockIntersectionObserver } from 'jsdom-testing-mocks';

web/packages/teleterm/src/ui/DocumentCluster/DocumentCluster.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import styled from 'styled-components';
 import { Box, ButtonPrimary, Flex, Text, Alert, H2 } from 'design';
 import { useAsync, Attempt } from 'shared/hooks/useAsync';

web/packages/teleterm/src/ui/DocumentCluster/resourcesContext.test.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { renderHook } from '@testing-library/react';
 
 import { rootClusterUri } from 'teleterm/services/tshd/testHelpers';

web/packages/teleterm/src/ui/DocumentGateway/CliCommand.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { Box, ButtonPrimary, Flex, Indicator } from 'design';
 import { fade } from 'design/theme/utils/colorManipulator';
 import styled from 'styled-components';

web/packages/teleterm/src/ui/DocumentGateway/DocumentGateway.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import {
   makeEmptyAttempt,
   makeProcessingAttempt,

web/packages/teleterm/src/ui/DocumentGateway/DocumentGateway.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import Document from 'teleterm/ui/Document';
 import * as types from 'teleterm/ui/services/workspacesService';
 

web/packages/teleterm/src/ui/DocumentGateway/OnlineDocumentGateway.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useMemo, useRef } from 'react';
+import { useMemo, useRef } from 'react';
 import { debounce } from 'shared/utils/highbar';
 import { Box, ButtonSecondary, Flex, H1, H2, Link, Text } from 'design';
 import Validation from 'shared/components/Validation';

web/packages/teleterm/src/ui/DocumentGateway/useDocumentGateway.test.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { renderHook, act, waitFor } from '@testing-library/react';
 
 import {

web/packages/teleterm/src/ui/DocumentGatewayApp/DocumentGatewayApp.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { wait } from 'shared/utils/wait';
 
 import { DocumentGatewayApp } from 'teleterm/ui/DocumentGatewayApp/DocumentGatewayApp';

web/packages/teleterm/src/ui/DocumentGatewayCliClient/DocumentGatewayCliClient.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { DocumentGatewayCliClient } from 'teleterm/ui/services/workspacesService';
 
 import { WaitingForGatewayContent } from './DocumentGatewayCliClient';

web/packages/teleterm/src/ui/DocumentGatewayCliClient/DocumentGatewayCliClient.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import styled from 'styled-components';
 import { Flex, Text, ButtonPrimary } from 'design';
 

web/packages/teleterm/src/ui/DocumentGatewayKube/DocumentGatewayKube.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import * as types from 'teleterm/ui/services/workspacesService';
 import { MockAppContextProvider } from 'teleterm/ui/fixtures/MockAppContextProvider';
 import { MockAppContext } from 'teleterm/ui/fixtures/mocks';

web/packages/teleterm/src/ui/DocumentGatewayKube/DocumentGatewayKube.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 
 import { useAsync } from 'shared/hooks/useAsync';
 

web/packages/teleterm/src/ui/DocumentTerminal/DocumentTerminal.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useCallback, useState } from 'react';
+import { useCallback, useState } from 'react';
 import {
   FileTransferActionBar,
   FileTransfer,

web/packages/teleterm/src/ui/DocumentTerminal/Reconnect.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { Flex, Text, ButtonPrimary } from 'design';
 import { Danger } from 'design/Alert';
 import { Attempt } from 'shared/hooks/useAsync';

web/packages/teleterm/src/ui/DocumentTerminal/useDocumentTerminal.test.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { renderHook, waitFor } from '@testing-library/react';
 import 'jest-canvas-mock';
 

web/packages/teleterm/src/ui/Documents/KeyboardShortcutsPanel.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { Text } from 'design';
 
 import styled from 'styled-components';

web/packages/teleterm/src/ui/DocumentsReopen/DocumentsReopen.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { MockAppContextProvider } from 'teleterm/ui/fixtures/MockAppContextProvider';
 
 import { DocumentsReopen } from './DocumentsReopen';

web/packages/teleterm/src/ui/DocumentsReopen/DocumentsReopen.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import DialogConfirmation, {
   DialogContent,
   DialogFooter,

web/packages/teleterm/src/ui/HeadlessAuthn/HeadlessAuthentication.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useRef, useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 
 import { useAsync } from 'shared/hooks/useAsync';
 

web/packages/teleterm/src/ui/HeadlessAuthn/HeadlessPrompt/HeadlessPrompt.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { makeEmptyAttempt } from 'shared/hooks/useAsync';
 
 import { makeRootCluster } from 'teleterm/services/tshd/testHelpers';

web/packages/teleterm/src/ui/HeadlessAuthn/HeadlessPrompt/HeadlessPrompt.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useState } from 'react';
+import { useState } from 'react';
 import * as Alerts from 'design/Alert';
 import {
   ButtonIcon,

web/packages/teleterm/src/ui/LayoutManager.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { useRef } from 'react';
+import { useRef } from 'react';
 import { Flex } from 'design';
 
 import { AccessRequestCheckout } from 'teleterm/ui/AccessRequestCheckout';

web/packages/teleterm/src/ui/ModalsHost/ModalsHost.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { MockAppContextProvider } from 'teleterm/ui/fixtures/MockAppContextProvider';
 import { MockAppContext } from 'teleterm/ui/fixtures/mocks';
 import {

web/packages/teleterm/src/ui/ModalsHost/ModalsHost.test.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import { render, screen } from 'design/utils/testing';
 import { act } from '@testing-library/react';