Use new JSX transformation for React (#3033)

.eslintrc.js

@@ -13,6 +13,7 @@ module.exports = {
   extends: [
     "eslint:recommended",
     "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
     "plugin:@typescript-eslint/base",
     "plugin:@typescript-eslint/eslint-recommended",
     "plugin:prettier/recommended",
@@ -44,6 +45,18 @@ module.exports = {
         endOfLine: "auto",
       },
     ],
+    // Prevent default imports from React, named imports should be used instead.
+    "no-restricted-imports": [
+      "error",
+      {
+        paths: [
+          {
+            name: "react",
+            importNames: ["default"],
+          },
+        ],
+      },
+    ],
   },
   overrides: [
     {

CODING_GUIDELINES.md

@@ -40,7 +40,7 @@ A good tutorial on this approach is found in [Kent Dodds’ blog](https://kentcd
 This project uses function components and hooks over class components. When coding function components in typescript, a developer should include any specific props that they need.
 
 ```javascript
-import React, { FunctionComponent } from "react";
+import { FunctionComponent } from "react";
 
 ...
 
@@ -55,7 +55,7 @@ export const ExampleComponent: FunctionComponent<ExampleComponentProps> = ({ mes
 For components that do not have any additional props an empty object should be used instead:
 
 ```javascript
-import React, { FunctionComponent } from "react";
+import { FunctionComponent } from "react";
 
 ...
 

src/App.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, Suspense } from "react";
+import { FunctionComponent, Suspense } from "react";
 import { Page } from "@patternfly/react-core";
 import { HashRouter as Router, Route, Switch } from "react-router-dom";
 import { ErrorBoundary } from "react-error-boundary";

src/ForbiddenSection.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { PageSection } from "@patternfly/react-core";
 

src/PageHeader.tsx

@@ -12,7 +12,7 @@ import {
   PageHeaderToolsItem,
 } from "@patternfly/react-core";
 import { HelpIcon } from "@patternfly/react-icons";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import { HelpHeader, useHelp } from "./components/help-enabler/HelpHeader";

src/PageNav.tsx

@@ -1,4 +1,4 @@
-import React from "react";
+import { FormEvent, FunctionComponent } from "react";
 import { NavLink, useHistory, useRouteMatch } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import {
@@ -16,7 +16,7 @@ import { useAccess } from "./context/access/Access";
 import { routes } from "./route-config";
 import { AddRealmRoute } from "./realm/routes/AddRealm";
 
-export const PageNav: React.FunctionComponent = () => {
+export const PageNav: FunctionComponent = () => {
   const { t } = useTranslation("common");
   const { hasAccess, hasSomeAccess } = useAccess();
   const { realm } = useRealm();
@@ -27,7 +27,7 @@ export const PageNav: React.FunctionComponent = () => {
     groupId: number | string;
     itemId: number | string;
     to: string;
-    event: React.FormEvent<HTMLInputElement>;
+    event: FormEvent<HTMLInputElement>;
   };
 
   const onSelect = (item: SelectedItem) => {

src/PageNotFoundSection.tsx

@@ -1,5 +1,3 @@
-import React from "react";
-
 export const PageNotFoundSection = () => {
   return <>Page Not Found</>;
 };

src/authentication/AuthenticationSection.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 import { Trans, useTranslation } from "react-i18next";
 import { sortBy } from "lodash-es";

src/authentication/BindFlowDialog.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useForm } from "react-hook-form";
 import {

src/authentication/DuplicateFlowModal.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { FormProvider, useForm } from "react-hook-form";
 import {

src/authentication/EditFlowModal.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { FormProvider, useForm } from "react-hook-form";
 import {

src/authentication/EmptyExecutionState.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
   Button,

src/authentication/FlowDetails.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useHistory, useParams } from "react-router-dom";
 import { Trans, useTranslation } from "react-i18next";
 import {

src/authentication/RequiredActions.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { AlertVariant, Switch } from "@patternfly/react-core";
 

src/authentication/components/AddFlowDropdown.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
   Dropdown,

src/authentication/components/DraggableTable.tsx

@@ -1,4 +1,10 @@
-import React, { ReactNode, useMemo, useRef, useState } from "react";
+import {
+  DragEvent as ReactDragEvent,
+  ReactNode,
+  useMemo,
+  useRef,
+  useState,
+} from "react";
 import { useTranslation } from "react-i18next";
 import { get } from "lodash-es";
 import {
@@ -53,7 +59,7 @@ export function DraggableTable<T>({
     [data]
   );
 
-  const onDragStart = (evt: React.DragEvent) => {
+  const onDragStart = (evt: ReactDragEvent) => {
     evt.dataTransfer.effectAllowed = "move";
     evt.dataTransfer.setData("text/plain", evt.currentTarget.id);
     const draggedItemId = evt.currentTarget.id;
@@ -103,14 +109,14 @@ export function DraggableTable<T>({
     });
   };
 
-  const onDragLeave = (evt: React.DragEvent) => {
+  const onDragLeave = (evt: ReactDragEvent) => {
     if (!isValidDrop(evt)) {
       move(itemOrder);
       setState({ ...state, draggingToItemIndex: -1 });
     }
   };
 
-  const isValidDrop = (evt: React.DragEvent) => {
+  const isValidDrop = (evt: ReactDragEvent) => {
     const ulRect = bodyRef.current!.getBoundingClientRect();
     return (
       evt.clientX > ulRect.x &&
@@ -120,7 +126,7 @@ export function DraggableTable<T>({
     );
   };
 
-  const onDrop = (evt: React.DragEvent) => {
+  const onDrop = (evt: ReactDragEvent) => {
     if (isValidDrop(evt)) {
       onDragFinish(state.draggedItemId, state.tempItemOrder);
     } else {
@@ -128,7 +134,7 @@ export function DraggableTable<T>({
     }
   };
 
-  const onDragOver = (evt: React.DragEvent) => {
+  const onDragOver = (evt: ReactDragEvent) => {
     evt.preventDefault();
 
     const td = evt.target as HTMLTableCellElement;
@@ -161,7 +167,7 @@ export function DraggableTable<T>({
     }
   };
 
-  const onDragEnd = (evt: React.DragEvent) => {
+  const onDragEnd = (evt: ReactDragEvent) => {
     const tr = evt.target as HTMLTableRowElement;
     tr.classList.remove(styles.modifiers.ghostRow);
     tr.setAttribute("aria-pressed", "false");

src/authentication/components/EditFlow.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { useForm } from "react-hook-form";
 import {

src/authentication/components/ExecutionConfigModal.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { FormProvider, useForm } from "react-hook-form";
 import {

src/authentication/components/FlowDiagram.tsx

@@ -1,4 +1,4 @@
-import React, { useState, MouseEvent } from "react";
+import { useState, MouseEvent as ReactMouseEvent } from "react";
 import {
   Drawer,
   DrawerActions,
@@ -41,7 +41,7 @@ const createEdge = (fromNode: string, toNode: string) => ({
   target: toNode,
   data: {
     onEdgeClick: (
-      evt: React.MouseEvent<HTMLButtonElement, MouseEvent>,
+      evt: ReactMouseEvent<HTMLButtonElement, MouseEvent>,
       id: string
     ) => {
       evt.stopPropagation();
@@ -217,7 +217,7 @@ export const FlowDiagram = ({
   );
   const [expandDrawer, setExpandDrawer] = useState(false);
 
-  const onElementClick = (_event: MouseEvent, element: Node | Edge) => {
+  const onElementClick = (_event: ReactMouseEvent, element: Node | Edge) => {
     if (isNode(element)) setExpandDrawer(!expandDrawer);
   };
 

src/authentication/components/FlowHeader.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import {
   DataListItem,

src/authentication/components/FlowRequirementDropdown.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Select, SelectOption, SelectVariant } from "@patternfly/react-core";
 

src/authentication/components/FlowRow.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import {
   DataListItemRow,

src/authentication/components/FlowTitle.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Card, CardBody } from "@patternfly/react-core";
 
 import "./flow-title.css";

src/authentication/components/UsedBy.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import {
   Button,

src/authentication/components/diagram/ButtonEdge.tsx

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from "react";
+import { CSSProperties, MouseEvent as ReactMouseEvent } from "react";
 import { PlusIcon } from "@patternfly/react-icons";
 import {
   ArrowHeadType,
@@ -22,7 +22,7 @@ type ButtonEdgeProps = {
   selected: boolean;
   data: {
     onEdgeClick: (
-      evt: React.MouseEvent<HTMLButtonElement, MouseEvent>,
+      evt: ReactMouseEvent<HTMLButtonElement, MouseEvent>,
       id: string
     ) => void;
   };

src/authentication/components/diagram/ConditionalNode.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 import { Handle, Position } from "react-flow-renderer";
 
 type ConditionalNodeProps = {

src/authentication/components/diagram/SubFlowNode.tsx

@@ -1,4 +1,4 @@
-import React, { memo } from "react";
+import { memo } from "react";
 import { Handle, Position } from "react-flow-renderer";
 
 type NodeProps = {

src/authentication/components/modals/AddStepModal.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
   Button,

src/authentication/components/modals/AddSubFlowModal.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useForm } from "react-hook-form";
 import {

src/authentication/form/CreateFlow.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Link, useHistory } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { FormProvider, useForm } from "react-hook-form";

src/authentication/form/FlowType.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import {

src/authentication/form/NameDescription.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { useFormContext } from "react-hook-form";
 import { FormGroup, ValidatedOptions } from "@patternfly/react-core";

src/authentication/policies/OtpPolicy.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useForm, useWatch } from "react-hook-form";
 import {

src/authentication/policies/PasswordPolicy.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import {

src/authentication/policies/Policies.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Tab, Tabs, TabTitleText } from "@patternfly/react-core";
 

src/authentication/policies/PolicyRow.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import {

src/authentication/policies/WebauthnPolicy.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import {
   Controller,
   FormProvider,

src/client-scopes/ChangeTypeDropdown.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { AlertVariant, Select } from "@patternfly/react-core";
 

src/client-scopes/ClientScopesSection.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router-dom";
 import {

src/client-scopes/add/MapperDialog.tsx

@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
   Button,

src/client-scopes/details/MapperList.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import type { LocationDescriptorObject } from "history";
 import { Link } from "react-router-dom";

src/client-scopes/details/MappingDetails.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Link, useHistory, useParams, useRouteMatch } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { FormProvider, useForm } from "react-hook-form";

src/client-scopes/details/ScopeForm.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Link, useParams } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { Controller, useForm, useWatch } from "react-hook-form";

src/client-scopes/details/SearchFilter.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
   Dropdown,

src/client-scopes/form/ClientScopeForm.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useHistory, useParams } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import {

src/clients/AdvancedTab.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { useFormContext } from "react-hook-form";
 import { AlertVariant, PageSection, Text } from "@patternfly/react-core";

src/clients/ClientDescription.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { FormGroup, Switch, ValidatedOptions } from "@patternfly/react-core";

src/clients/ClientDetails.tsx

@@ -13,7 +13,7 @@ import {
 import { InfoCircleIcon } from "@patternfly/react-icons";
 import type ClientRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientRepresentation";
 import { cloneDeep, sortBy } from "lodash-es";
-import React, { useMemo, useState } from "react";
+import { useMemo, useState } from "react";
 import { Controller, FormProvider, useForm, useWatch } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { useHistory, useParams } from "react-router-dom";

src/clients/ClientSessions.tsx

@@ -1,7 +1,7 @@
 import type ClientRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientRepresentation";
 import type UserSessionRepresentation from "@keycloak/keycloak-admin-client/lib/defs/userSessionRepresentation";
 import { PageSection } from "@patternfly/react-core";
-import React from "react";
+
 import { useTranslation } from "react-i18next";
 
 import type { LoaderFunction } from "../components/table-toolbar/KeycloakDataTable";

src/clients/ClientSettings.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { useFormContext } from "react-hook-form";
 import { Form } from "@patternfly/react-core";

src/clients/ClientsSection.tsx

@@ -11,7 +11,7 @@ import {
 import { cellWidth, IRowData, TableText } from "@patternfly/react-table";
 import type ClientRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientRepresentation";
 import type { ClientQuery } from "@keycloak/keycloak-admin-client/lib/resources/clients";
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Link, useHistory } from "react-router-dom";
 import { useAlerts } from "../components/alert/Alerts";

src/clients/add/AccessSettings.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { useFormContext } from "react-hook-form";
 import { FormGroup } from "@patternfly/react-core";

src/clients/add/CapabilityConfig.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import {

src/clients/add/GeneralSettings.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import {
   FormGroup,
   Select,

src/clients/add/LoginSettingsPanel.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import {

src/clients/add/LogoutPanel.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormGroup, Switch, ValidatedOptions } from "@patternfly/react-core";

src/clients/add/NewClientForm.tsx

@@ -7,7 +7,7 @@ import {
   WizardFooter,
 } from "@patternfly/react-core";
 import type ClientRepresentation from "@keycloak/keycloak-admin-client/lib/defs/clientRepresentation";
-import React, { useState } from "react";
+import { useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { useHistory } from "react-router-dom";

src/clients/add/SamlConfig.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import {

src/clients/add/SamlSignature.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import {

src/clients/advanced/AddHostDialog.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import {

src/clients/advanced/AdvancedSettings.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Control, Controller } from "react-hook-form";
 import {

src/clients/advanced/AuthenticationOverrides.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Control, Controller } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { sortBy } from "lodash-es";

src/clients/advanced/ClusteringPanel.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import {

src/clients/advanced/FineGrainOpenIdConnect.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import {

src/clients/advanced/FineGrainSamlEndpointConfig.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import type { Control } from "react-hook-form";
 import { ActionGroup, Button, FormGroup } from "@patternfly/react-core";

src/clients/advanced/OpenIdConnectCompatibilityModes.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Control, Controller } from "react-hook-form";
 import { ActionGroup, Button, FormGroup, Switch } from "@patternfly/react-core";

src/clients/advanced/RevocationPanel.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef } from "react";
+import { useEffect, useRef } from "react";
 import { Link } from "react-router-dom";
 import { Trans, useTranslation } from "react-i18next";
 import { useFormContext } from "react-hook-form";

src/clients/advanced/SaveReset.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { ActionGroup, ActionGroupProps, Button } from "@patternfly/react-core";
 

src/clients/advanced/TokenLifespan.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Control, Controller, FieldValues } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import {

src/clients/authorization/AuthorizationDataModal.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import {
   Button,

src/clients/authorization/AuthorizationEvaluate.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, FormProvider, useForm } from "react-hook-form";
 import {

src/clients/authorization/AuthorizationEvaluateResource.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import {
   ExpandableRowContent,
   TableComposable,

src/clients/authorization/AuthorizationEvaluateResourcePolicies.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import {
   DescriptionList,
   TextContent,

src/clients/authorization/AuthorizationExport.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
   FormGroup,

src/clients/authorization/DecisionStragegySelect.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import { FormGroup, Radio } from "@patternfly/react-core";

src/clients/authorization/DeleteScopeDialog.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Alert, AlertVariant } from "@patternfly/react-core";
 

src/clients/authorization/DetailCell.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { DescriptionList } from "@patternfly/react-core";
 
 import type ResourceServerRepresentation from "@keycloak/keycloak-admin-client/lib/defs/resourceServerRepresentation";

src/clients/authorization/DetailDescription.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { Link } from "react-router-dom";
 import type { LocationDescriptor } from "history";
 import { useTranslation } from "react-i18next";

src/clients/authorization/EmptyPermissionsState.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useHistory } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import {

src/clients/authorization/ImportDialog.tsx

@@ -1,4 +1,4 @@
-import React, { Fragment, useState } from "react";
+import { Fragment, useState } from "react";
 import { useTranslation } from "react-i18next";
 import {
   Alert,

src/clients/authorization/KeyBasedAttributeInput.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from "react";
+import { useEffect, useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFieldArray, useFormContext } from "react-hook-form";
 import {

src/clients/authorization/MoreLabel.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { Label } from "@patternfly/react-core";
 

src/clients/authorization/NewPolicyDialog.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import {
   Modal,

src/clients/authorization/PermissionDetails.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Link, useHistory, useParams } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import { Controller, FormProvider, useForm, useWatch } from "react-hook-form";

src/clients/authorization/Permissions.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import {

src/clients/authorization/Policies.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import {

src/clients/authorization/ResourceDetails.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Link, useHistory, useParams } from "react-router-dom";
 import { Controller, FormProvider, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";

src/clients/authorization/Resources.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Link } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import {

src/clients/authorization/ResourcesPolicySelect.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import { Select, SelectOption, SelectVariant } from "@patternfly/react-core";

src/clients/authorization/ScopeDetails.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Link, useHistory, useParams } from "react-router-dom";
 import { useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";

src/clients/authorization/ScopePicker.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import {

src/clients/authorization/ScopeSelect.tsx

@@ -1,4 +1,4 @@
-import React, { useRef, useState } from "react";
+import { useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useFormContext } from "react-hook-form";
 import { Select, SelectOption, SelectVariant } from "@patternfly/react-core";

src/clients/authorization/Scopes.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 import { useTranslation } from "react-i18next";
 import {

src/clients/authorization/SearchDropdown.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, useForm } from "react-hook-form";
 import {

src/clients/authorization/Settings.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { Controller, FormProvider, useForm } from "react-hook-form";
 import {

src/clients/authorization/evaluate/Results.tsx

@@ -1,4 +1,4 @@
-import React, { KeyboardEvent, useMemo, useState } from "react";
+import { KeyboardEvent, useMemo, useState } from "react";
 import {
   Select,
   SelectVariant,

src/clients/authorization/policy/Aggregate.tsx

@@ -1,4 +1,3 @@
-import React from "react";
 import { useTranslation } from "react-i18next";
 import { useParams } from "react-router-dom";
 import { FormGroup } from "@patternfly/react-core";

src/clients/authorization/policy/Client.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import {
   SelectOption,

src/clients/authorization/policy/ClientScope.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useFormContext, Controller } from "react-hook-form";
 import { FormGroup, Button, Checkbox } from "@patternfly/react-core";

src/clients/authorization/policy/Group.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import { useFormContext, Controller } from "react-hook-form";
 import { MinusCircleIcon } from "@patternfly/react-icons";