Remove unused React imports from packages/teleport (#50325) (#50330)

(cherry picked from commit b7230e6)

web/.storybook/preview.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { ComponentType, PropsWithChildren } from 'react';
+import { ComponentType, PropsWithChildren } from 'react';
 import { bblpTheme, darkTheme, lightTheme } from '../packages/design/src/theme';
 import { ConfiguredThemeProvider } from '../packages/design/src/ThemeProvider';
 import Box from '../packages/design/src/Box';

web/packages/teleport/src/AccessRequests/AccessRequests.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { LockedAccessRequests } from 'teleport/AccessRequests/LockedAccessRequests/LockedAccessRequests';
 import { ContextProvider } from 'teleport';
 import { createTeleportContext } from 'teleport/mocks/contexts';

web/packages/teleport/src/Account/Account.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 { PasswordState } from 'teleport/services/user';
 

web/packages/teleport/src/Account/ManageDevices/AuthDeviceList/AuthDeviceList.story.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import * as Icon from 'design/Icon';
 
 import { ActionButtonSecondary, Header } from 'teleport/Account/Header';

web/packages/teleport/src/Account/ManageDevices/AuthDeviceList/AuthDeviceList.test.tsx

@@ -18,7 +18,6 @@
 
 import { render, screen } from 'design/utils/testing';
 import { within } from '@testing-library/react';
-import React from 'react';
 
 import { MfaDevice } from 'teleport/services/mfa';
 

web/packages/teleport/src/Account/ManageDevices/wizards/DeleteAuthDeviceWizard.test.tsx

@@ -17,7 +17,6 @@
  */
 
 import { render, screen } from 'design/utils/testing';
-import React from 'react';
 
 import { within } from '@testing-library/react';
 import { userEvent, UserEvent } from '@testing-library/user-event';

web/packages/teleport/src/Account/PasswordBox.tsx

@@ -18,7 +18,7 @@
 
 import { Box, Flex } from 'design';
 import { SingleRowBox } from 'design/MultiRowBox';
-import React, { useState } from 'react';
+import { useState } from 'react';
 
 import * as Icon from 'design/Icon';
 

web/packages/teleport/src/Account/StatePill.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import styled, { css } from 'styled-components';
 
 /** State of an authentication method (password, MFA method, or passkey). */

web/packages/teleport/src/AppLauncher/AppLauncher.story.tsx

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

web/packages/teleport/src/AppLauncher/AppLauncher.test.tsx

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

web/packages/teleport/src/AppLauncher/AppLauncher.tsx

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

web/packages/teleport/src/Apps/AddApp/AddApp.story.tsx

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

web/packages/teleport/src/Apps/AddApp/AddApp.tsx

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

web/packages/teleport/src/Apps/AddApp/Automatically.test.tsx

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

web/packages/teleport/src/Apps/AddApp/Automatically.tsx

@@ -16,7 +16,7 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React, { KeyboardEvent } from 'react';
+import { useState, useEffect, KeyboardEvent } from 'react';
 import {
   Link,
   Text,
@@ -38,11 +38,11 @@ import { State } from './useAddApp';
 export function Automatically(props: Props) {
   const { onClose, attempt, token } = props;
 
-  const [name, setName] = React.useState('');
-  const [uri, setUri] = React.useState('');
-  const [cmd, setCmd] = React.useState('');
+  const [name, setName] = useState('');
+  const [uri, setUri] = useState('');
+  const [cmd, setCmd] = useState('');
 
-  React.useEffect(() => {
+  useEffect(() => {
     if (name && uri) {
       const cmd = createAppBashCommand(token.id, name, uri);
       setCmd(cmd);

web/packages/teleport/src/Apps/AddApp/Manually.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 { Manually } from './Manually';

web/packages/teleport/src/Apps/AddApp/Manually.tsx

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

web/packages/teleport/src/Audit/Audit.story.tsx

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

web/packages/teleport/src/Audit/Audit.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 { Danger } from 'design/Alert';
 import { Indicator, Box } from 'design';

web/packages/teleport/src/Audit/EventDialog/EventDialog.tsx

@@ -16,7 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
 import PropTypes from 'prop-types';
 import TextEditor from 'shared/components/TextEditor';
 import Dialog, {

web/packages/teleport/src/Audit/EventList/EventList.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 { ButtonBorder, Flex } from 'design';
 import Table, { Cell } from 'design/DataTable';
 import { dateTimeMatcher } from 'design/utils/match';

web/packages/teleport/src/Audit/EventList/EventListCells.tsx

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

web/packages/teleport/src/Audit/EventList/EventTypeCell.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 { Cell } from 'design/DataTable';
 import * as Icons from 'design/Icon';

web/packages/teleport/src/Audit/EventList/ViewInPolicyButton.tsx

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

web/packages/teleport/src/AuthConnectors/AuthConnectors.story.tsx

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

web/packages/teleport/src/AuthConnectors/AuthConnectors.tsx

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

web/packages/teleport/src/AuthConnectors/ConnectorList/ConnectorList.tsx

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

web/packages/teleport/src/AuthConnectors/DeleteConnectorDialog/DeleteConnectorDialog.story.tsx

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

web/packages/teleport/src/AuthConnectors/DeleteConnectorDialog/DeleteConnectorDialog.tsx

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

web/packages/teleport/src/AuthConnectors/EmptyList/EmptyList.tsx

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

web/packages/teleport/src/AuthConnectors/ssoIcons/getSsoIcon.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 { AuthProviderType } from 'shared/services';
 import { Box, Flex, ResourceIcon } from 'design';

web/packages/teleport/src/Bots/Add/AddBots.tsx

@@ -16,8 +16,6 @@
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 
-import React from 'react';
-
 import { Switch, Route } from 'teleport/components/Router';
 import cfg from 'teleport/config';
 

web/packages/teleport/src/Bots/Add/AddBotsPicker.story.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';
 
 import { ContextProvider } from 'teleport';

web/packages/teleport/src/Bots/Add/AddBotsPicker.tsx

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

web/packages/teleport/src/Bots/Add/GitHubActions/AddBotToWorkflow.story.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';
 
 import { ContextProvider } from 'teleport';

web/packages/teleport/src/Bots/Add/GitHubActions/AddBotToWorkflow.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 { MemoryRouter } from 'react-router-dom';
 

web/packages/teleport/src/Bots/Add/GitHubActions/AddBotToWorkflow.tsx

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

web/packages/teleport/src/Bots/Add/GitHubActions/ConfigureBot.story.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';
 
 import { ContextProvider } from 'teleport';

web/packages/teleport/src/Bots/Add/GitHubActions/ConfigureBot.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 { render, screen, userEvent } from 'design/utils/testing';
 

web/packages/teleport/src/Bots/Add/GitHubActions/ConfigureBot.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 styled from 'styled-components';
 
 import Box from 'design/Box';

web/packages/teleport/src/Bots/Add/GitHubActions/ConnectGitHub.story.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';
 
 import { ContextProvider } from 'teleport';

web/packages/teleport/src/Bots/Add/GitHubActions/ConnectGitHub.test.tsx

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

web/packages/teleport/src/Bots/Add/GitHubActions/ConnectGitHub.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 styled from 'styled-components';
 
 import Box from 'design/Box';

web/packages/teleport/src/Bots/Add/GitHubActions/Finish.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 { render, screen } from 'design/utils/testing';
 

web/packages/teleport/src/Bots/Add/GitHubActions/Finish.tsx

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