From ad1d3788cb2c0171d2aa666930e6c9c39b4845b7 Mon Sep 17 00:00:00 2001
From: Johanna Szepanski <johanna.szepanski@softhouse.se>
Date: Fri, 12 Jul 2024 14:10:39 +0200
Subject: [PATCH] added no import react rule and removed imported react

---
 .eslintrc                                        |  4 ++--
 src/App.js                                       |  2 +-
 src/api/APIProvider.spec.js                      |  2 +-
 src/api/DeployApi.js                             |  1 -
 src/api/UserProvider.js                          |  1 -
 src/api/UserProvider.spec.js                     |  2 +-
 .../AdministerUndeployment.js                    |  8 +-------
 .../IOC/ChangeHostAdmin/ChangeHostAdmin.js       | 12 +++---------
 src/components/IOC/CreateIOC/CreateIOC.js        | 10 +++++-----
 src/components/IOC/CreateIOC/RepositoryName.js   |  2 +-
 .../IOC/CreateIOC/RepositoryOptions.js           |  1 -
 src/components/IOC/DeployIOC/DeployIOC.js        |  2 +-
 src/components/IOC/GitRefLink/GitRefLink.js      |  1 -
 src/components/IOC/IOCAdmin/IOCAdmin.js          |  1 -
 src/components/IOC/IOCBadge/IOCBadge.js          |  1 -
 src/components/IOC/IOCDelete/IOCDelete.js        |  8 +-------
 .../IOC/IOCDeployDialog/IOCDeployDialog.js       | 12 +++---------
 .../IOC/IOCDetailAdmin/IOCDetailAdmin.js         | 16 +++++-----------
 src/components/IOC/IOCDetails/IOCDetails.js      |  1 -
 src/components/IOC/IOCIcons/IOCIcons.js          |  1 -
 src/components/IOC/IOCIcons/IOCStatusBadge.js    |  1 -
 .../IOC/IOCIcons/IOCStatusPopoverContent.js      |  1 -
 src/components/IOC/IOCIcons/StatusIcon.js        |  1 -
 .../IOC/IOCLiveStatus/IOCLiveStatus.js           |  2 +-
 .../IOC/IOCLiveStatus/IOCLiveStatus.spec.js      |  2 +-
 src/components/IOC/IOCManage/IOCManage.js        |  8 +-------
 src/components/IOC/IOCService/IOCService.js      |  2 +-
 src/components/IOC/IOCTable/IOCDescription.js    |  2 +-
 src/components/IOC/IOCTable/IOCStatus.js         |  2 +-
 src/components/IOC/IOCTable/IOCTable.js          |  1 -
 src/components/IOC/IOCTable/IOCTable.spec.js     |  1 -
 .../IOC/IOCUndeployDialog/IOCUndeployDialog.js   |  1 -
 src/components/IOC/UndeployIOC/UndeployIOC.js    |  2 +-
 src/components/Job/JobBadge.js                   |  1 -
 src/components/Job/JobDetails.js                 |  2 +-
 src/components/Job/JobIcons.js                   |  1 -
 src/components/Job/JobStatus.js                  |  1 -
 src/components/Job/JobTable/JobGitRefIcon.js     |  2 +-
 src/components/Job/JobTable/JobGitRefLink.js     |  2 +-
 src/components/Job/JobTable/JobHostColumn.js     |  1 -
 src/components/Job/JobTable/JobStatusColumn.js   |  1 -
 src/components/Job/JobTable/JobSummaryColumn.js  |  1 -
 src/components/Job/JobTable/JobTable.js          |  2 +-
 .../auth/AccessControl/AccessControl.js          |  2 +-
 src/components/auth/AccessDenied/AccessDenied.js |  1 -
 src/components/common/Console/Console.js         |  2 +-
 src/components/common/Console/ConsoleOutput.js   |  2 +-
 src/components/common/Console/LogDialog.js       |  1 -
 src/components/common/Helper.js                  |  2 +-
 src/components/common/Loki/LokiContainer.js      |  1 -
 src/components/common/Loki/LokiPanel.js          | 12 +++---------
 src/components/common/Popover/Popover.js         |  4 ++--
 src/components/common/SearchBar/SearchBar.js     |  2 +-
 .../common/SearchBoxFilter/SearchBoxFilter.js    |  2 +-
 src/components/common/User/UserAvatar.js         |  2 +-
 src/components/common/User/UserIOCList.js        |  2 +-
 src/components/common/User/UserOperationList.js  |  2 +-
 src/components/common/User/UserProfile.js        |  1 -
 src/components/common/snackbar/Snackbar.js       |  1 -
 src/components/deployments/DeploymentIcons.js    |  1 -
 .../deployments/DeploymentJobOutput.js           |  8 +-------
 src/components/host/HostBadge.js                 |  1 -
 src/components/host/HostStatus.js                |  2 +-
 src/components/host/HostStatusIcon.js            |  1 -
 src/components/host/HostTable.js                 |  1 -
 src/components/host/HostTable.spec.js            |  1 -
 .../navigation/LoginSuggester/LoginSuggester.js  |  2 +-
 src/components/navigation/Menu/MenuDrawer.js     |  1 -
 .../navigation/NavigationMenu/CreateIOCButton.js |  2 +-
 .../navigation/NavigationMenu/LoginControls.js   |  8 +-------
 .../navigation/NavigationMenu/NavigationMenu.js  |  2 +-
 .../navigation/NotFoundView/NotFoundView.tsx     |  1 -
 src/components/records/RecordBadge.js            |  1 -
 src/components/records/RecordHostLink.js         |  2 +-
 src/components/records/RecordIcons.js            |  1 -
 src/components/records/RecordSearch.js           |  8 +-------
 src/components/records/RecordTable.js            |  1 -
 .../statistics/ActiveIOCChart/ActiveIOCChart.js  |  2 +-
 .../DeploymentLineChart/DeploymentLineChart.js   |  1 -
 .../statistics/HostStatistics/HostStatistics.js  |  2 +-
 .../statistics/IOCStatistics/IOCStatistics.js    |  2 +-
 .../statistics/OperationChart/OperationChart.js  |  1 -
 src/icons/CCCEControlSymbol.js                   |  1 -
 src/icons/RocketLaunch.js                        |  1 -
 src/mocks/AppHarness.js                          |  1 -
 src/mocks/UserImpersonator.js                    |  2 +-
 .../components/common/IOC/IOCTable.stories.js    |  1 -
 .../components/common/host/HostTable.stories.js  |  1 -
 .../components/common/job/JobTable.stories.js    |  1 -
 .../views/Host/HostDetailsView.stories.js        |  1 -
 src/stories/views/IOC/CreateIocView.stories.js   |  1 -
 src/stories/views/IOC/IocDetailsView.stories.js  |  1 -
 src/stories/views/IOC/IocListView.stories.js     |  1 -
 src/stories/views/Job/JobDetailsView.stories.js  |  1 -
 src/stories/views/Job/JobListView.stories.js     |  1 -
 src/stories/views/Login/LoginView.stories.js     |  1 -
 .../views/Navigation/NotFoundView.stories.js     |  1 -
 .../views/Statistics/StatisticsView.stories.js   |  1 -
 .../views/UserPage/UserPageView.stories.js       |  1 -
 src/views/IOC/CreateIOCAccessControl.js          |  1 -
 src/views/IOC/CreateIOCView.js                   |  1 -
 src/views/IOC/IOCDetailsAccessControl.js         |  1 -
 src/views/IOC/IOCDetailsContainer.js             |  2 +-
 src/views/IOC/IOCDetailsView.js                  |  8 +-------
 src/views/IOC/IOCListView.js                     |  2 +-
 src/views/TestErrorView.js                       |  2 +-
 src/views/UserPage/UserDetailsAccessControl.js   |  1 -
 src/views/UserPage/UserDetailsContainer.js       |  2 +-
 src/views/UserPage/UserPageView.js               |  2 +-
 src/views/help/HelpView.js                       |  2 +-
 src/views/host/HostListView.js                   |  8 +-------
 .../host/details/HostDetailsAccessControl.js     |  1 -
 src/views/host/details/HostDetailsContainer.js   |  2 +-
 src/views/host/details/HostDetailsTable.js       |  1 -
 src/views/host/details/HostDetailsView.js        |  2 +-
 src/views/host/details/HostIocSection.js         |  2 +-
 src/views/host/details/HostJobsSection.js        |  2 +-
 src/views/jobs/JobDetailsAccessControl.js        |  1 -
 src/views/jobs/JobDetailsContainer.js            |  2 +-
 src/views/jobs/JobDetailsView.js                 |  2 +-
 src/views/jobs/JobListView.js                    |  2 +-
 src/views/jobs/JobLogAccessControl.js            |  2 +-
 src/views/login/LoginView.js                     |  2 +-
 src/views/records/RecordDetailsView.js           |  8 +-------
 src/views/records/RecordListView.js              |  8 +-------
 src/views/statistics/StatisticsView.js           |  2 +-
 126 files changed, 82 insertions(+), 226 deletions(-)

diff --git a/.eslintrc b/.eslintrc
index e3fc5009..e0bd67cb 100644
--- a/.eslintrc
+++ b/.eslintrc
@@ -79,7 +79,7 @@
     "react/jsx-no-bind": "off",
     "react/jsx-no-duplicate-props": "warn",
     "react/jsx-no-undef": "warn",
-    "react/jsx-uses-react": "warn",
+    "react/jsx-uses-react": "off",
     "react/jsx-uses-vars": "error",
     "react/no-danger": "warn",
     "react/no-did-mount-set-state": "warn",
@@ -89,7 +89,7 @@
     "react/no-unknown-property": "error",
     "react/prefer-es6-class": "warn",
     "react/prop-types": "off",
-    "react/react-in-jsx-scope": "warn",
+    "react/react-in-jsx-scope": "off",
     "react/self-closing-comp": "warn",
     "curly": ["error", "all"]
   },
diff --git a/src/App.js b/src/App.js
index 4047a6e2..e926a922 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { Navigate, Route, Routes, BrowserRouter } from "react-router-dom";
 import { StyledEngineProvider } from "@mui/material";
 import { ThemeProvider } from "@mui/material/styles";
diff --git a/src/api/APIProvider.spec.js b/src/api/APIProvider.spec.js
index e89cd6b3..0353a88c 100644
--- a/src/api/APIProvider.spec.js
+++ b/src/api/APIProvider.spec.js
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { DeployAPIProvider, apiContext } from "./DeployApi";
 import { SnackbarProvider } from "notistack";
 
diff --git a/src/api/DeployApi.js b/src/api/DeployApi.js
index 502f4583..2fc1fd9b 100644
--- a/src/api/DeployApi.js
+++ b/src/api/DeployApi.js
@@ -2,7 +2,6 @@
  * DeployAPIProvider
  * Provide CE Deploy Backend API
  */
-import React from "react";
 import { createContext } from "react";
 import { APIProvider } from "@ess-ics/ce-ui-common";
 import { node, arrayOf, oneOfType } from "prop-types";
diff --git a/src/api/UserProvider.js b/src/api/UserProvider.js
index d1265c36..25b74335 100644
--- a/src/api/UserProvider.js
+++ b/src/api/UserProvider.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { useCallback, useEffect, useState, useContext } from "react";
 import { userContext, useAPIMethod } from "@ess-ics/ce-ui-common";
 import { apiContext } from "./DeployApi";
diff --git a/src/api/UserProvider.spec.js b/src/api/UserProvider.spec.js
index f9560ce8..cb01381c 100644
--- a/src/api/UserProvider.spec.js
+++ b/src/api/UserProvider.spec.js
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { DeployAPIProvider } from "./DeployApi";
 import { UserProvider } from "./UserProvider";
 import { userContext } from "@ess-ics/ce-ui-common";
diff --git a/src/components/IOC/AdministerUndeployment/AdministerUndeployment.js b/src/components/IOC/AdministerUndeployment/AdministerUndeployment.js
index f0b2ac6b..f49c25ca 100644
--- a/src/components/IOC/AdministerUndeployment/AdministerUndeployment.js
+++ b/src/components/IOC/AdministerUndeployment/AdministerUndeployment.js
@@ -1,10 +1,4 @@
-import React, {
-  useState,
-  useEffect,
-  useCallback,
-  useContext,
-  useMemo
-} from "react";
+import { useState, useEffect, useCallback, useContext, useMemo } from "react";
 import { useNavigate } from "react-router-dom";
 import {
   Box,
diff --git a/src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.js b/src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.js
index b6b6109b..838b2cb7 100644
--- a/src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.js
+++ b/src/components/IOC/ChangeHostAdmin/ChangeHostAdmin.js
@@ -1,10 +1,4 @@
-import React, {
-  useState,
-  useEffect,
-  useCallback,
-  useContext,
-  useMemo
-} from "react";
+import { useState, useEffect, useCallback, useContext, useMemo } from "react";
 import AccessControl from "../../auth/AccessControl";
 import { ConfirmationDialog, useAPIMethod } from "@ess-ics/ce-ui-common";
 import {
@@ -199,7 +193,7 @@ export default function ChangeHostAdmin({
                     InputProps={{
                       ...params.InputProps,
                       endAdornment: (
-                        <React.Fragment>
+                        <>
                           {loadingHosts ? (
                             <CircularProgress
                               color="inherit"
@@ -207,7 +201,7 @@ export default function ChangeHostAdmin({
                             />
                           ) : null}
                           {params.InputProps.endAdornment}
-                        </React.Fragment>
+                        </>
                       )
                     }}
                   />
diff --git a/src/components/IOC/CreateIOC/CreateIOC.js b/src/components/IOC/CreateIOC/CreateIOC.js
index ec5945a4..eb3ff5c9 100644
--- a/src/components/IOC/CreateIOC/CreateIOC.js
+++ b/src/components/IOC/CreateIOC/CreateIOC.js
@@ -1,4 +1,4 @@
-import React, { useMemo, useEffect, useState, useContext } from "react";
+import { useMemo, useEffect, useState, useContext } from "react";
 import { useNavigate } from "react-router-dom";
 import { useTypingTimer } from "../../common/SearchBoxFilter/TypingTimer";
 import { useCustomSnackbar } from "../../common/snackbar";
@@ -151,7 +151,7 @@ export function CreateIOC() {
               InputProps={{
                 ...params.InputProps,
                 endAdornment: (
-                  <React.Fragment>
+                  <>
                     {loadingNames ? (
                       <CircularProgress
                         color="inherit"
@@ -159,7 +159,7 @@ export function CreateIOC() {
                       />
                     ) : null}
                     {params.InputProps.endAdornment}
-                  </React.Fragment>
+                  </>
                 )
               }}
               disabled={loading}
@@ -193,7 +193,7 @@ export function CreateIOC() {
                 InputProps={{
                   ...params.InputProps,
                   endAdornment: (
-                    <React.Fragment>
+                    <>
                       {loadingAllowedGitProjects ? (
                         <CircularProgress
                           color="inherit"
@@ -201,7 +201,7 @@ export function CreateIOC() {
                         />
                       ) : null}
                       {params.InputProps.endAdornment}
-                    </React.Fragment>
+                    </>
                   )
                 }}
                 disabled={loading}
diff --git a/src/components/IOC/CreateIOC/RepositoryName.js b/src/components/IOC/CreateIOC/RepositoryName.js
index 03811167..fb7eedf2 100644
--- a/src/components/IOC/CreateIOC/RepositoryName.js
+++ b/src/components/IOC/CreateIOC/RepositoryName.js
@@ -1,4 +1,4 @@
-import React, { useState, useCallback } from "react";
+import { useState, useCallback } from "react";
 import { Box, Stack, TextField, Typography } from "@mui/material";
 import { string, func } from "prop-types";
 
diff --git a/src/components/IOC/CreateIOC/RepositoryOptions.js b/src/components/IOC/CreateIOC/RepositoryOptions.js
index e6022b5d..03fd2137 100644
--- a/src/components/IOC/CreateIOC/RepositoryOptions.js
+++ b/src/components/IOC/CreateIOC/RepositoryOptions.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { string, func } from "prop-types";
 import {
   FormControl,
diff --git a/src/components/IOC/DeployIOC/DeployIOC.js b/src/components/IOC/DeployIOC/DeployIOC.js
index 9b937282..a54d9af6 100644
--- a/src/components/IOC/DeployIOC/DeployIOC.js
+++ b/src/components/IOC/DeployIOC/DeployIOC.js
@@ -1,4 +1,4 @@
-import React, { useContext, useState, useEffect } from "react";
+import { useContext, useState, useEffect } from "react";
 import { Navigate } from "react-router-dom";
 import { IOCDeployDialog } from "../IOCDeployDialog";
 import { apiContext } from "../../../api/DeployApi";
diff --git a/src/components/IOC/GitRefLink/GitRefLink.js b/src/components/IOC/GitRefLink/GitRefLink.js
index 2584172f..e102ef24 100644
--- a/src/components/IOC/GitRefLink/GitRefLink.js
+++ b/src/components/IOC/GitRefLink/GitRefLink.js
@@ -2,7 +2,6 @@
  * GitRefLink
  * Component providing link (and tag) to gitlab
  */
-import React from "react";
 import { string } from "prop-types";
 import { ExternalLink } from "@ess-ics/ce-ui-common";
 
diff --git a/src/components/IOC/IOCAdmin/IOCAdmin.js b/src/components/IOC/IOCAdmin/IOCAdmin.js
index 9896e36c..a574f48e 100644
--- a/src/components/IOC/IOCAdmin/IOCAdmin.js
+++ b/src/components/IOC/IOCAdmin/IOCAdmin.js
@@ -1,4 +1,3 @@
-import React from "react";
 import AdministerUndeployment from "../AdministerUndeployment";
 import IOCDelete from "../IOCDelete";
 import IOCDetailAdmin from "../IOCDetailAdmin";
diff --git a/src/components/IOC/IOCBadge/IOCBadge.js b/src/components/IOC/IOCBadge/IOCBadge.js
index 9f3fd6b3..f62f95ac 100644
--- a/src/components/IOC/IOCBadge/IOCBadge.js
+++ b/src/components/IOC/IOCBadge/IOCBadge.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { IconBadge } from "@ess-ics/ce-ui-common";
 import { IOCStatusIcon } from "../IOCIcons";
 
diff --git a/src/components/IOC/IOCDelete/IOCDelete.js b/src/components/IOC/IOCDelete/IOCDelete.js
index eeaeb690..3ce6c649 100644
--- a/src/components/IOC/IOCDelete/IOCDelete.js
+++ b/src/components/IOC/IOCDelete/IOCDelete.js
@@ -1,10 +1,4 @@
-import React, {
-  useState,
-  useEffect,
-  useCallback,
-  useContext,
-  useMemo
-} from "react";
+import { useState, useEffect, useCallback, useContext, useMemo } from "react";
 import { useNavigate } from "react-router-dom";
 import { Box, Button, Typography, Grid, Tooltip } from "@mui/material";
 import { ConfirmDangerActionDialog } from "@ess-ics/ce-ui-common";
diff --git a/src/components/IOC/IOCDeployDialog/IOCDeployDialog.js b/src/components/IOC/IOCDeployDialog/IOCDeployDialog.js
index 33ad2485..9edfc37f 100644
--- a/src/components/IOC/IOCDeployDialog/IOCDeployDialog.js
+++ b/src/components/IOC/IOCDeployDialog/IOCDeployDialog.js
@@ -1,10 +1,4 @@
-import React, {
-  useCallback,
-  useContext,
-  useEffect,
-  useState,
-  useMemo
-} from "react";
+import { useCallback, useContext, useEffect, useState, useMemo } from "react";
 import {
   Button,
   TextField,
@@ -189,7 +183,7 @@ export function IOCDeployDialog({
                 InputProps={{
                   ...params.InputProps,
                   endAdornment: (
-                    <React.Fragment>
+                    <>
                       {loadingHosts ? (
                         <CircularProgress
                           color="inherit"
@@ -197,7 +191,7 @@ export function IOCDeployDialog({
                         />
                       ) : null}
                       {params.InputProps.endAdornment}
-                    </React.Fragment>
+                    </>
                   )
                 }}
               />
diff --git a/src/components/IOC/IOCDetailAdmin/IOCDetailAdmin.js b/src/components/IOC/IOCDetailAdmin/IOCDetailAdmin.js
index dfc41b0f..06817fe3 100644
--- a/src/components/IOC/IOCDetailAdmin/IOCDetailAdmin.js
+++ b/src/components/IOC/IOCDetailAdmin/IOCDetailAdmin.js
@@ -1,10 +1,4 @@
-import React, {
-  useState,
-  useMemo,
-  useEffect,
-  useCallback,
-  useContext
-} from "react";
+import { useState, useMemo, useEffect, useCallback, useContext } from "react";
 import { ConfirmationDialog, useAPIMethod } from "@ess-ics/ce-ui-common";
 import {
   Box,
@@ -174,7 +168,7 @@ export default function IOCDetailAdmin({
               InputProps={{
                 ...params.InputProps,
                 endAdornment: (
-                  <React.Fragment>
+                  <>
                     {loading ? (
                       <CircularProgress
                         color="inherit"
@@ -182,7 +176,7 @@ export default function IOCDetailAdmin({
                       />
                     ) : null}
                     {params.InputProps.endAdornment}
-                  </React.Fragment>
+                  </>
                 )
               }}
             />
@@ -239,7 +233,7 @@ export default function IOCDetailAdmin({
             InputProps={{
               ...params.InputProps,
               endAdornment: (
-                <React.Fragment>
+                <>
                   {loading ? (
                     <CircularProgress
                       color="inherit"
@@ -247,7 +241,7 @@ export default function IOCDetailAdmin({
                     />
                   ) : null}
                   {params.InputProps.endAdornment}
-                </React.Fragment>
+                </>
               )
             }}
           />
diff --git a/src/components/IOC/IOCDetails/IOCDetails.js b/src/components/IOC/IOCDetails/IOCDetails.js
index 9015cee5..f00d1edb 100644
--- a/src/components/IOC/IOCDetails/IOCDetails.js
+++ b/src/components/IOC/IOCDetails/IOCDetails.js
@@ -1,5 +1,4 @@
 import { Grid, Box } from "@mui/material";
-import React from "react";
 import { KeyValueTable } from "@ess-ics/ce-ui-common";
 import { IOCBadge } from "../IOCBadge";
 import AccessControl from "../../auth/AccessControl";
diff --git a/src/components/IOC/IOCIcons/IOCIcons.js b/src/components/IOC/IOCIcons/IOCIcons.js
index 4308ed39..34a3002e 100644
--- a/src/components/IOC/IOCIcons/IOCIcons.js
+++ b/src/components/IOC/IOCIcons/IOCIcons.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { LabeledIcon } from "@ess-ics/ce-ui-common";
 import Popover from "../../common/Popover";
 import { STATUS, statusConfig, getIocStatus } from "./iocStatusData";
diff --git a/src/components/IOC/IOCIcons/IOCStatusBadge.js b/src/components/IOC/IOCIcons/IOCStatusBadge.js
index 9d999887..97caebd3 100644
--- a/src/components/IOC/IOCIcons/IOCStatusBadge.js
+++ b/src/components/IOC/IOCIcons/IOCStatusBadge.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { string, object, arrayOf, oneOfType, node } from "prop-types";
 import { STATUS } from "./iocStatusData";
 import { Stack } from "@mui/material";
diff --git a/src/components/IOC/IOCIcons/IOCStatusPopoverContent.js b/src/components/IOC/IOCIcons/IOCStatusPopoverContent.js
index 0f0009e6..1c03e03e 100644
--- a/src/components/IOC/IOCIcons/IOCStatusPopoverContent.js
+++ b/src/components/IOC/IOCIcons/IOCStatusPopoverContent.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { string, arrayOf, object } from "prop-types";
 import { SEVERITY } from "./iocStatusData";
 import { Typography, Stack } from "@mui/material";
diff --git a/src/components/IOC/IOCIcons/StatusIcon.js b/src/components/IOC/IOCIcons/StatusIcon.js
index 46f700d2..ddbdd5d3 100644
--- a/src/components/IOC/IOCIcons/StatusIcon.js
+++ b/src/components/IOC/IOCIcons/StatusIcon.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { object, string } from "prop-types";
 import { STATUS, statusConfig } from "./iocStatusData";
 import { LabeledIcon } from "@ess-ics/ce-ui-common";
diff --git a/src/components/IOC/IOCLiveStatus/IOCLiveStatus.js b/src/components/IOC/IOCLiveStatus/IOCLiveStatus.js
index b3ecda47..8c8afcb9 100644
--- a/src/components/IOC/IOCLiveStatus/IOCLiveStatus.js
+++ b/src/components/IOC/IOCLiveStatus/IOCLiveStatus.js
@@ -1,4 +1,4 @@
-import React, { useCallback } from "react";
+import { useCallback } from "react";
 import { Typography } from "@mui/material";
 import {
   SimpleAccordion,
diff --git a/src/components/IOC/IOCLiveStatus/IOCLiveStatus.spec.js b/src/components/IOC/IOCLiveStatus/IOCLiveStatus.spec.js
index da0e0b67..d57fed3d 100644
--- a/src/components/IOC/IOCLiveStatus/IOCLiveStatus.spec.js
+++ b/src/components/IOC/IOCLiveStatus/IOCLiveStatus.spec.js
@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from "react";
+import { useContext, useMemo } from "react";
 import { AppHarness } from "../../../mocks/AppHarness";
 import { IOCLiveStatus } from ".";
 import { apiContext } from "../../../api/DeployApi";
diff --git a/src/components/IOC/IOCManage/IOCManage.js b/src/components/IOC/IOCManage/IOCManage.js
index 5bc479ff..c1067e51 100644
--- a/src/components/IOC/IOCManage/IOCManage.js
+++ b/src/components/IOC/IOCManage/IOCManage.js
@@ -1,11 +1,5 @@
 import { Button, Stack, Tooltip, Typography } from "@mui/material";
-import React, {
-  useState,
-  useEffect,
-  useContext,
-  useCallback,
-  useMemo
-} from "react";
+import { useState, useEffect, useContext, useCallback, useMemo } from "react";
 import { IOCDetails } from "../IOCDetails";
 import { DeployIOC } from "../DeployIOC";
 import { UndeployIOC } from "../UndeployIOC";
diff --git a/src/components/IOC/IOCService/IOCService.js b/src/components/IOC/IOCService/IOCService.js
index 1b7a4609..c7e721ec 100644
--- a/src/components/IOC/IOCService/IOCService.js
+++ b/src/components/IOC/IOCService/IOCService.js
@@ -5,7 +5,7 @@ import {
   Typography,
   Tooltip
 } from "@mui/material";
-import React, { useState, useEffect, useContext, useCallback } from "react";
+import { useState, useEffect, useContext, useCallback } from "react";
 import { ConfirmationDialog, useAPIMethod } from "@ess-ics/ce-ui-common";
 import Alert from "@mui/material/Alert";
 import { initRequestParams } from "../../common/Helper";
diff --git a/src/components/IOC/IOCTable/IOCDescription.js b/src/components/IOC/IOCTable/IOCDescription.js
index 55813cc2..6f2e5d39 100644
--- a/src/components/IOC/IOCTable/IOCDescription.js
+++ b/src/components/IOC/IOCTable/IOCDescription.js
@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from "react";
+import { useContext, useMemo } from "react";
 import { apiContext } from "../../../api/DeployApi";
 import { Skeleton } from "@mui/material";
 import { useAPIMethod, EllipsisText, EmptyValue } from "@ess-ics/ce-ui-common";
diff --git a/src/components/IOC/IOCTable/IOCStatus.js b/src/components/IOC/IOCTable/IOCStatus.js
index 5671f75e..41cb6561 100644
--- a/src/components/IOC/IOCTable/IOCStatus.js
+++ b/src/components/IOC/IOCTable/IOCStatus.js
@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from "react";
+import { useContext, useMemo } from "react";
 import { Grid, Skeleton } from "@mui/material";
 import { IOCStatusIcon } from "../IOCIcons";
 import { apiContext } from "../../../api/DeployApi";
diff --git a/src/components/IOC/IOCTable/IOCTable.js b/src/components/IOC/IOCTable/IOCTable.js
index 24821032..5b5bf9c8 100644
--- a/src/components/IOC/IOCTable/IOCTable.js
+++ b/src/components/IOC/IOCTable/IOCTable.js
@@ -1,4 +1,3 @@
-import React from "react";
 import {
   Table,
   InternalLink,
diff --git a/src/components/IOC/IOCTable/IOCTable.spec.js b/src/components/IOC/IOCTable/IOCTable.spec.js
index 227f7b8c..a9b6f470 100644
--- a/src/components/IOC/IOCTable/IOCTable.spec.js
+++ b/src/components/IOC/IOCTable/IOCTable.spec.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { composeStories } from "@storybook/react";
 import * as stories from "../../../stories/components/common/IOC/IOCTable.stories";
 
diff --git a/src/components/IOC/IOCUndeployDialog/IOCUndeployDialog.js b/src/components/IOC/IOCUndeployDialog/IOCUndeployDialog.js
index 4b36b80a..a5e7f49b 100644
--- a/src/components/IOC/IOCUndeployDialog/IOCUndeployDialog.js
+++ b/src/components/IOC/IOCUndeployDialog/IOCUndeployDialog.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { Stack, Typography } from "@mui/material";
 import Alert from "@mui/material/Alert";
 import { ConfirmationDialog } from "@ess-ics/ce-ui-common";
diff --git a/src/components/IOC/UndeployIOC/UndeployIOC.js b/src/components/IOC/UndeployIOC/UndeployIOC.js
index def21dcf..d364dff2 100644
--- a/src/components/IOC/UndeployIOC/UndeployIOC.js
+++ b/src/components/IOC/UndeployIOC/UndeployIOC.js
@@ -1,4 +1,4 @@
-import React, { useContext, useState, useEffect } from "react";
+import { useContext, useState, useEffect } from "react";
 import { Navigate } from "react-router-dom";
 import { IOCUndeployDialog } from "../IOCUndeployDialog";
 import { apiContext } from "../../../api/DeployApi";
diff --git a/src/components/Job/JobBadge.js b/src/components/Job/JobBadge.js
index f9a347a1..0e0a5171 100644
--- a/src/components/Job/JobBadge.js
+++ b/src/components/Job/JobBadge.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { IconBadge } from "@ess-ics/ce-ui-common";
 import { JobTypeIcon } from "./JobIcons";
 import { InternalLink } from "@ess-ics/ce-ui-common";
diff --git a/src/components/Job/JobDetails.js b/src/components/Job/JobDetails.js
index bad9a60e..2bce2050 100644
--- a/src/components/Job/JobDetails.js
+++ b/src/components/Job/JobDetails.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useMemo } from "react";
+import { useEffect, useState, useMemo } from "react";
 import {
   Typography,
   Card,
diff --git a/src/components/Job/JobIcons.js b/src/components/Job/JobIcons.js
index 0f9ece62..eb25621b 100644
--- a/src/components/Job/JobIcons.js
+++ b/src/components/Job/JobIcons.js
@@ -1,4 +1,3 @@
-import React from "react";
 import {
   DeploymentStatusIcon,
   DeploymentTypeIcon
diff --git a/src/components/Job/JobStatus.js b/src/components/Job/JobStatus.js
index 1b7e0a54..5394bfc9 100644
--- a/src/components/Job/JobStatus.js
+++ b/src/components/Job/JobStatus.js
@@ -1,6 +1,5 @@
 import { Stepper, STEPPER_STATES, LabeledIcon } from "@ess-ics/ce-ui-common";
 import { HelpOutline } from "@mui/icons-material";
-import React from "react";
 
 const ActiveIcon = STEPPER_STATES.active.outlinedIcon;
 const CompletedIcon = STEPPER_STATES.completed.outlinedIcon;
diff --git a/src/components/Job/JobTable/JobGitRefIcon.js b/src/components/Job/JobTable/JobGitRefIcon.js
index ce431059..a80ed9a6 100644
--- a/src/components/Job/JobTable/JobGitRefIcon.js
+++ b/src/components/Job/JobTable/JobGitRefIcon.js
@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from "react";
+import { useContext, useMemo } from "react";
 import { apiContext } from "../../../api/DeployApi";
 import { useAPIMethod } from "@ess-ics/ce-ui-common";
 import { Skeleton } from "@mui/material";
diff --git a/src/components/Job/JobTable/JobGitRefLink.js b/src/components/Job/JobTable/JobGitRefLink.js
index 8004f0e0..072ceb02 100644
--- a/src/components/Job/JobTable/JobGitRefLink.js
+++ b/src/components/Job/JobTable/JobGitRefLink.js
@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from "react";
+import { useContext, useMemo } from "react";
 import GitRefLink from "../../IOC/GitRefLink/GitRefLink";
 import { apiContext } from "../../../api/DeployApi";
 import { useAPIMethod } from "@ess-ics/ce-ui-common";
diff --git a/src/components/Job/JobTable/JobHostColumn.js b/src/components/Job/JobTable/JobHostColumn.js
index 50eee831..a06afea4 100644
--- a/src/components/Job/JobTable/JobHostColumn.js
+++ b/src/components/Job/JobTable/JobHostColumn.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { Stack, Typography } from "@mui/material";
 import { InternalLink } from "@ess-ics/ce-ui-common";
 
diff --git a/src/components/Job/JobTable/JobStatusColumn.js b/src/components/Job/JobTable/JobStatusColumn.js
index ef44bda4..3a393365 100644
--- a/src/components/Job/JobTable/JobStatusColumn.js
+++ b/src/components/Job/JobTable/JobStatusColumn.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { Stack } from "@mui/material";
 import { JobStatusIcon } from "../JobStatus";
 import { StartAndDuration } from "@ess-ics/ce-ui-common";
diff --git a/src/components/Job/JobTable/JobSummaryColumn.js b/src/components/Job/JobTable/JobSummaryColumn.js
index f24c37c7..780be3e4 100644
--- a/src/components/Job/JobTable/JobSummaryColumn.js
+++ b/src/components/Job/JobTable/JobSummaryColumn.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { Chip, Stack } from "@mui/material";
 import { JobGitRefLink } from "./JobGitRefLink";
 import { JobTypeIcon } from "../JobIcons";
diff --git a/src/components/Job/JobTable/JobTable.js b/src/components/Job/JobTable/JobTable.js
index 546525a6..ba58ba0c 100644
--- a/src/components/Job/JobTable/JobTable.js
+++ b/src/components/Job/JobTable/JobTable.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { Table } from "@ess-ics/ce-ui-common";
 import { JobStatusColumn } from "./JobStatusColumn";
 import { JobSummaryColumn } from "./JobSummaryColumn";
diff --git a/src/components/auth/AccessControl/AccessControl.js b/src/components/auth/AccessControl/AccessControl.js
index 2f64ce61..27511dc6 100644
--- a/src/components/auth/AccessControl/AccessControl.js
+++ b/src/components/auth/AccessControl/AccessControl.js
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { userContext } from "@ess-ics/ce-ui-common";
 import AccessDenied from "../AccessDenied";
 
diff --git a/src/components/auth/AccessDenied/AccessDenied.js b/src/components/auth/AccessDenied/AccessDenied.js
index bbd98029..644053bc 100644
--- a/src/components/auth/AccessDenied/AccessDenied.js
+++ b/src/components/auth/AccessDenied/AccessDenied.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { ServerErrorPage } from "@ess-ics/ce-ui-common";
 import env from "../../../config/env";
 
diff --git a/src/components/common/Console/Console.js b/src/components/common/Console/Console.js
index 3fb8fa2c..b23f39d8 100644
--- a/src/components/common/Console/Console.js
+++ b/src/components/common/Console/Console.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Container, Button, Grid, Box, LinearProgress } from "@mui/material";
 import { Launch } from "@mui/icons-material";
 import { ConsoleOutput } from "./ConsoleOutput";
diff --git a/src/components/common/Console/ConsoleOutput.js b/src/components/common/Console/ConsoleOutput.js
index 7f4a0724..63d67760 100644
--- a/src/components/common/Console/ConsoleOutput.js
+++ b/src/components/common/Console/ConsoleOutput.js
@@ -1,4 +1,4 @@
-import React, { useState, useRef, useEffect } from "react";
+import { useState, useRef, useEffect } from "react";
 import { styled } from "@mui/material/styles";
 import clsx from "clsx";
 import { useWindowDimensions } from "../../common/Helper";
diff --git a/src/components/common/Console/LogDialog.js b/src/components/common/Console/LogDialog.js
index ab19a60e..55c41c4c 100644
--- a/src/components/common/Console/LogDialog.js
+++ b/src/components/common/Console/LogDialog.js
@@ -1,6 +1,5 @@
 import { Dialog } from "@ess-ics/ce-ui-common/dist/components/common/Dialog";
 import { Typography } from "@mui/material";
-import React from "react";
 
 export function LogDialog({ open, setOpen, title, content }) {
   const handleClose = () => {
diff --git a/src/components/common/Helper.js b/src/components/common/Helper.js
index ee73d642..fdfde52f 100644
--- a/src/components/common/Helper.js
+++ b/src/components/common/Helper.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { alpha } from "@mui/material/styles";
 import TimeAgo from "javascript-time-ago";
 import en from "javascript-time-ago/locale/en";
diff --git a/src/components/common/Loki/LokiContainer.js b/src/components/common/Loki/LokiContainer.js
index d3d324f3..dd54dc4b 100644
--- a/src/components/common/Loki/LokiContainer.js
+++ b/src/components/common/Loki/LokiContainer.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { Box, Typography } from "@mui/material";
 import { LokiPanel } from "./LokiPanel";
 
diff --git a/src/components/common/Loki/LokiPanel.js b/src/components/common/Loki/LokiPanel.js
index 9bf1659c..a37f029a 100644
--- a/src/components/common/Loki/LokiPanel.js
+++ b/src/components/common/Loki/LokiPanel.js
@@ -1,10 +1,4 @@
-import React, {
-  useState,
-  useEffect,
-  useCallback,
-  useContext,
-  useMemo
-} from "react";
+import { useState, useEffect, useCallback, useContext, useMemo } from "react";
 import { styled } from "@mui/material/styles";
 import {
   Box,
@@ -87,8 +81,8 @@ export function LokiPanel({ hostName, iocName, isSyslog, isDeployed }) {
     [showWarning]
   );
 
-  const [timeRange, setTimeRange] = React.useState(720);
-  const [timeRangeText, setTimeRangeText] = React.useState("12 hours");
+  const [timeRange, setTimeRange] = useState(720);
+  const [timeRangeText, setTimeRangeText] = useState("12 hours");
   const [periodChange, setPeriodChange] = useState(false);
   const [alertIds, setAlertIds] = useState([]);
   const [html, setHtml] = useState("");
diff --git a/src/components/common/Popover/Popover.js b/src/components/common/Popover/Popover.js
index 5555f2a8..680cdea2 100644
--- a/src/components/common/Popover/Popover.js
+++ b/src/components/common/Popover/Popover.js
@@ -1,4 +1,4 @@
-import React from "react";
+import { useState } from "react";
 import { styled } from "@mui/material/styles";
 import { Popover as MuiPopover } from "@mui/material";
 
@@ -35,7 +35,7 @@ export const Popover = ({
   id,
   ...popoverProps
 }) => {
-  const [anchorEl, setAnchorEl] = React.useState(null);
+  const [anchorEl, setAnchorEl] = useState(null);
 
   const handlePopoverOpen = (event) => {
     setAnchorEl(event.currentTarget);
diff --git a/src/components/common/SearchBar/SearchBar.js b/src/components/common/SearchBar/SearchBar.js
index b6657929..15d18c63 100644
--- a/src/components/common/SearchBar/SearchBar.js
+++ b/src/components/common/SearchBar/SearchBar.js
@@ -1,4 +1,4 @@
-import React, { CircularProgress, Fade, TextField } from "@mui/material";
+import { CircularProgress, Fade, TextField } from "@mui/material";
 import { Check } from "@mui/icons-material";
 import { useEffect, useState } from "react";
 import { useEffectAfterMount } from "../../../hooks/MountEffects";
diff --git a/src/components/common/SearchBoxFilter/SearchBoxFilter.js b/src/components/common/SearchBoxFilter/SearchBoxFilter.js
index 9d3bba29..f90746a4 100644
--- a/src/components/common/SearchBoxFilter/SearchBoxFilter.js
+++ b/src/components/common/SearchBoxFilter/SearchBoxFilter.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from "react";
+import { useState, useEffect } from "react";
 import { styled } from "@mui/material/styles";
 import { Container, List, ListItem, Paper, TextField } from "@mui/material";
 import { useTypingTimer } from "./TypingTimer";
diff --git a/src/components/common/User/UserAvatar.js b/src/components/common/User/UserAvatar.js
index 05b94e06..2f56c587 100644
--- a/src/components/common/User/UserAvatar.js
+++ b/src/components/common/User/UserAvatar.js
@@ -1,6 +1,6 @@
 import { useAPIMethod } from "@ess-ics/ce-ui-common/dist/hooks/API";
 import { Avatar, Tooltip, styled } from "@mui/material";
-import React, { useContext, useEffect, useMemo } from "react";
+import { useContext, useEffect, useMemo } from "react";
 import { apiContext } from "../../../api/DeployApi";
 import { Link } from "react-router-dom";
 import { userContext } from "@ess-ics/ce-ui-common/dist/contexts/User";
diff --git a/src/components/common/User/UserIOCList.js b/src/components/common/User/UserIOCList.js
index c7b77d4c..7fbe2963 100644
--- a/src/components/common/User/UserIOCList.js
+++ b/src/components/common/User/UserIOCList.js
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { Card, CardHeader } from "@mui/material";
 import { useEffect } from "react";
 import { initRequestParams } from "../Helper";
diff --git a/src/components/common/User/UserOperationList.js b/src/components/common/User/UserOperationList.js
index e6479b29..fcb289f8 100644
--- a/src/components/common/User/UserOperationList.js
+++ b/src/components/common/User/UserOperationList.js
@@ -1,4 +1,4 @@
-import React, { useCallback, useContext } from "react";
+import { useCallback, useContext } from "react";
 import { Card, CardHeader } from "@mui/material";
 import { initRequestParams } from "../Helper";
 import { useEffect } from "react";
diff --git a/src/components/common/User/UserProfile.js b/src/components/common/User/UserProfile.js
index 2568a45e..f9f0f589 100644
--- a/src/components/common/User/UserProfile.js
+++ b/src/components/common/User/UserProfile.js
@@ -1,4 +1,3 @@
-import React from "react";
 import {
   Avatar,
   Card,
diff --git a/src/components/common/snackbar/Snackbar.js b/src/components/common/snackbar/Snackbar.js
index fbceee24..512f866d 100644
--- a/src/components/common/snackbar/Snackbar.js
+++ b/src/components/common/snackbar/Snackbar.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { useSnackbar } from "notistack";
 import { Button } from "@mui/material";
 
diff --git a/src/components/deployments/DeploymentIcons.js b/src/components/deployments/DeploymentIcons.js
index 61c711df..196c3410 100644
--- a/src/components/deployments/DeploymentIcons.js
+++ b/src/components/deployments/DeploymentIcons.js
@@ -1,4 +1,3 @@
-import React from "react";
 import {
   CheckCircleOutline,
   ErrorOutline,
diff --git a/src/components/deployments/DeploymentJobOutput.js b/src/components/deployments/DeploymentJobOutput.js
index d407c176..2ba9aad4 100644
--- a/src/components/deployments/DeploymentJobOutput.js
+++ b/src/components/deployments/DeploymentJobOutput.js
@@ -1,10 +1,4 @@
-import React, {
-  useCallback,
-  useRef,
-  useEffect,
-  useContext,
-  useMemo
-} from "react";
+import { useCallback, useRef, useEffect, useContext, useMemo } from "react";
 import { LinearProgress, Stack } from "@mui/material";
 import { Console } from "../common/Console/Console";
 import { apiContext } from "../../api/DeployApi";
diff --git a/src/components/host/HostBadge.js b/src/components/host/HostBadge.js
index ec389772..e68d60c1 100644
--- a/src/components/host/HostBadge.js
+++ b/src/components/host/HostBadge.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { IconBadge } from "@ess-ics/ce-ui-common";
 import { HostStatusIcon } from "./HostStatusIcon";
 
diff --git a/src/components/host/HostStatus.js b/src/components/host/HostStatus.js
index 5f181e26..3d4424bb 100644
--- a/src/components/host/HostStatus.js
+++ b/src/components/host/HostStatus.js
@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from "react";
+import { useContext, useMemo } from "react";
 import { Grid, Skeleton } from "@mui/material";
 import { apiContext } from "../../api/DeployApi";
 import { useAPIMethod } from "@ess-ics/ce-ui-common";
diff --git a/src/components/host/HostStatusIcon.js b/src/components/host/HostStatusIcon.js
index 49881e87..c8f66739 100644
--- a/src/components/host/HostStatusIcon.js
+++ b/src/components/host/HostStatusIcon.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { useTheme } from "@mui/material";
 import {
   Brightness1,
diff --git a/src/components/host/HostTable.js b/src/components/host/HostTable.js
index 18d8ff07..a9d69e05 100644
--- a/src/components/host/HostTable.js
+++ b/src/components/host/HostTable.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { Table, InternalLink, EllipsisText } from "@ess-ics/ce-ui-common";
 import { HostStatus } from "./HostStatus";
 
diff --git a/src/components/host/HostTable.spec.js b/src/components/host/HostTable.spec.js
index f0536130..506972d3 100644
--- a/src/components/host/HostTable.spec.js
+++ b/src/components/host/HostTable.spec.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { composeStories } from "@storybook/react";
 import * as stories from "../../stories/components/common/host/HostTable.stories";
 
diff --git a/src/components/navigation/LoginSuggester/LoginSuggester.js b/src/components/navigation/LoginSuggester/LoginSuggester.js
index 6b6ae6f2..f0c012e5 100644
--- a/src/components/navigation/LoginSuggester/LoginSuggester.js
+++ b/src/components/navigation/LoginSuggester/LoginSuggester.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useCallback, useState } from "react";
+import { useContext, useEffect, useCallback, useState } from "react";
 import { CookiesProvider } from "react-cookie";
 import { useCookies } from "react-cookie";
 import { userContext } from "@ess-ics/ce-ui-common";
diff --git a/src/components/navigation/Menu/MenuDrawer.js b/src/components/navigation/Menu/MenuDrawer.js
index f9ac2e29..4bb4efc6 100644
--- a/src/components/navigation/Menu/MenuDrawer.js
+++ b/src/components/navigation/Menu/MenuDrawer.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { styled } from "@mui/material/styles";
 import clsx from "clsx";
 import {
diff --git a/src/components/navigation/NavigationMenu/CreateIOCButton.js b/src/components/navigation/NavigationMenu/CreateIOCButton.js
index 97e70177..b531ab33 100644
--- a/src/components/navigation/NavigationMenu/CreateIOCButton.js
+++ b/src/components/navigation/NavigationMenu/CreateIOCButton.js
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { userContext, IconMenuButton } from "@ess-ics/ce-ui-common";
 import { useNavigate } from "react-router-dom";
 
diff --git a/src/components/navigation/NavigationMenu/LoginControls.js b/src/components/navigation/NavigationMenu/LoginControls.js
index 2648e564..77d58a68 100644
--- a/src/components/navigation/NavigationMenu/LoginControls.js
+++ b/src/components/navigation/NavigationMenu/LoginControls.js
@@ -1,10 +1,4 @@
-import React, {
-  useRef,
-  useContext,
-  useCallback,
-  useEffect,
-  useState
-} from "react";
+import { useRef, useContext, useCallback, useEffect, useState } from "react";
 import { string } from "prop-types";
 import { Button, Avatar, Chip } from "@mui/material";
 import LockOpenIcon from "@mui/icons-material/LockOpen";
diff --git a/src/components/navigation/NavigationMenu/NavigationMenu.js b/src/components/navigation/NavigationMenu/NavigationMenu.js
index 5f9d2f60..ac5b1f61 100644
--- a/src/components/navigation/NavigationMenu/NavigationMenu.js
+++ b/src/components/navigation/NavigationMenu/NavigationMenu.js
@@ -1,3 +1,4 @@
+import { Fragment, useState } from "react";
 import {
   GlobalAppBar,
   IconMenuButton,
@@ -19,7 +20,6 @@ import {
   ListItemText,
   Tooltip
 } from "@mui/material";
-import React, { Fragment, useState } from "react";
 import { useNavigate } from "react-router";
 import { applicationTitle } from "../../common/Helper";
 import { LoginControls } from "./LoginControls";
diff --git a/src/components/navigation/NotFoundView/NotFoundView.tsx b/src/components/navigation/NotFoundView/NotFoundView.tsx
index 26ac675b..24403598 100644
--- a/src/components/navigation/NotFoundView/NotFoundView.tsx
+++ b/src/components/navigation/NotFoundView/NotFoundView.tsx
@@ -2,7 +2,6 @@
  * NotFound
  * when page not found go (redirect) home ("/")
  */
-import React from "react";
 import { ServerErrorPage, RootPaper } from "@ess-ics/ce-ui-common";
 import env from "../../../config/env";
 
diff --git a/src/components/records/RecordBadge.js b/src/components/records/RecordBadge.js
index 664ce2bd..dad69b7e 100644
--- a/src/components/records/RecordBadge.js
+++ b/src/components/records/RecordBadge.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { IconBadge } from "@ess-ics/ce-ui-common";
 import { RecordStatusIcon } from "./RecordIcons";
 
diff --git a/src/components/records/RecordHostLink.js b/src/components/records/RecordHostLink.js
index f8754c3a..135a2dde 100644
--- a/src/components/records/RecordHostLink.js
+++ b/src/components/records/RecordHostLink.js
@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from "react";
+import { useContext, useMemo } from "react";
 import { Grid, Skeleton, Typography } from "@mui/material";
 import { apiContext } from "../../api/DeployApi";
 import {
diff --git a/src/components/records/RecordIcons.js b/src/components/records/RecordIcons.js
index fc529afb..b00fcdb3 100644
--- a/src/components/records/RecordIcons.js
+++ b/src/components/records/RecordIcons.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { useTheme } from "@mui/material";
 import { LabeledIcon } from "@ess-ics/ce-ui-common";
 import {
diff --git a/src/components/records/RecordSearch.js b/src/components/records/RecordSearch.js
index eae3766d..82012446 100644
--- a/src/components/records/RecordSearch.js
+++ b/src/components/records/RecordSearch.js
@@ -1,10 +1,4 @@
-import React, {
-  useEffect,
-  useCallback,
-  useState,
-  useContext,
-  useMemo
-} from "react";
+import { useEffect, useCallback, useState, useContext, useMemo } from "react";
 import { initRequestParams } from "../common/Helper";
 import { RecordTable } from "./RecordTable";
 import { SearchBar } from "../common/SearchBar/SearchBar";
diff --git a/src/components/records/RecordTable.js b/src/components/records/RecordTable.js
index b59e4a0a..8d856516 100644
--- a/src/components/records/RecordTable.js
+++ b/src/components/records/RecordTable.js
@@ -1,4 +1,3 @@
-import React from "react";
 import {
   Table,
   InternalLink,
diff --git a/src/components/statistics/ActiveIOCChart/ActiveIOCChart.js b/src/components/statistics/ActiveIOCChart/ActiveIOCChart.js
index 8a5eb9f3..fec51b23 100644
--- a/src/components/statistics/ActiveIOCChart/ActiveIOCChart.js
+++ b/src/components/statistics/ActiveIOCChart/ActiveIOCChart.js
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
 import { useEffect } from "react";
 import { LinearProgress, useTheme, Typography } from "@mui/material";
 import { circularPalette } from "../../common/Helper";
diff --git a/src/components/statistics/DeploymentLineChart/DeploymentLineChart.js b/src/components/statistics/DeploymentLineChart/DeploymentLineChart.js
index 0e278c8b..36ee29eb 100644
--- a/src/components/statistics/DeploymentLineChart/DeploymentLineChart.js
+++ b/src/components/statistics/DeploymentLineChart/DeploymentLineChart.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { useEffect } from "react";
 import { circularPalette } from "../../common/Helper";
 import { LinearProgress, useTheme, Typography } from "@mui/material";
diff --git a/src/components/statistics/HostStatistics/HostStatistics.js b/src/components/statistics/HostStatistics/HostStatistics.js
index 6b9302fe..f7a5c3fd 100644
--- a/src/components/statistics/HostStatistics/HostStatistics.js
+++ b/src/components/statistics/HostStatistics/HostStatistics.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { Box, Skeleton } from "@mui/material";
 import { KeyValueTable, useAPIMethod } from "@ess-ics/ce-ui-common";
 import { apiContext } from "../../../api/DeployApi";
diff --git a/src/components/statistics/IOCStatistics/IOCStatistics.js b/src/components/statistics/IOCStatistics/IOCStatistics.js
index 2da06824..18b58ab9 100644
--- a/src/components/statistics/IOCStatistics/IOCStatistics.js
+++ b/src/components/statistics/IOCStatistics/IOCStatistics.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { Box, Skeleton } from "@mui/material";
 import { KeyValueTable } from "@ess-ics/ce-ui-common/dist/components/common/KeyValueTable";
 import { apiContext } from "../../../api/DeployApi";
diff --git a/src/components/statistics/OperationChart/OperationChart.js b/src/components/statistics/OperationChart/OperationChart.js
index 9ab538eb..c90a4025 100644
--- a/src/components/statistics/OperationChart/OperationChart.js
+++ b/src/components/statistics/OperationChart/OperationChart.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { useEffect } from "react";
 import { circularPalette } from "../../common/Helper";
 import { LinearProgress, useTheme, Typography } from "@mui/material";
diff --git a/src/icons/CCCEControlSymbol.js b/src/icons/CCCEControlSymbol.js
index 15bcf862..7665edb7 100644
--- a/src/icons/CCCEControlSymbol.js
+++ b/src/icons/CCCEControlSymbol.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { ReactComponent as CcceControlSymbolGray } from "./resources/control/ccce-control-symbol_757575.svg";
 import SvgIcon from "@mui/material/SvgIcon";
 
diff --git a/src/icons/RocketLaunch.js b/src/icons/RocketLaunch.js
index 7769db6b..b170e8a7 100644
--- a/src/icons/RocketLaunch.js
+++ b/src/icons/RocketLaunch.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { ReactComponent as RocketLaunchBlack } from "./resources/rocket/rocket_launch_black_24dp.svg";
 import { Tooltip } from "@mui/material";
 import SvgIcon from "@mui/material/SvgIcon";
diff --git a/src/mocks/AppHarness.js b/src/mocks/AppHarness.js
index ddde5563..8efcc0d8 100644
--- a/src/mocks/AppHarness.js
+++ b/src/mocks/AppHarness.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { SnackbarProvider } from "notistack";
 import { Container, CssBaseline, StyledEngineProvider } from "@mui/material";
 import { ThemeProvider } from "@mui/material/styles";
diff --git a/src/mocks/UserImpersonator.js b/src/mocks/UserImpersonator.js
index 5f9a2e9e..11ccc25b 100644
--- a/src/mocks/UserImpersonator.js
+++ b/src/mocks/UserImpersonator.js
@@ -1,4 +1,4 @@
-import React, { useCallback, useContext, useEffect, useState } from "react";
+import { useCallback, useContext, useEffect, useState } from "react";
 import testUser from "./fixtures/User.json";
 import { userContext } from "@ess-ics/ce-ui-common";
 
diff --git a/src/stories/components/common/IOC/IOCTable.stories.js b/src/stories/components/common/IOC/IOCTable.stories.js
index 98facf89..ef33bfcd 100644
--- a/src/stories/components/common/IOC/IOCTable.stories.js
+++ b/src/stories/components/common/IOC/IOCTable.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { IOCTable } from "../../../../components/IOC/IOCTable";
 import { Box } from "@mui/material";
 import iocs from "../../../../mocks/fixtures/PagedIOCResponse.json";
diff --git a/src/stories/components/common/host/HostTable.stories.js b/src/stories/components/common/host/HostTable.stories.js
index 4c1aaf4f..9c8b6a51 100644
--- a/src/stories/components/common/host/HostTable.stories.js
+++ b/src/stories/components/common/host/HostTable.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { Container } from "@mui/material";
 import hosts from "../../../../mocks/fixtures/Hosts.json";
 import { rest } from "msw";
diff --git a/src/stories/components/common/job/JobTable.stories.js b/src/stories/components/common/job/JobTable.stories.js
index b6fa7205..99b8c182 100644
--- a/src/stories/components/common/job/JobTable.stories.js
+++ b/src/stories/components/common/job/JobTable.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { RouterHarness } from "../../../../mocks/AppHarness";
 import { JobTable } from "../../../../components/Job/JobTable";
 import {
diff --git a/src/stories/views/Host/HostDetailsView.stories.js b/src/stories/views/Host/HostDetailsView.stories.js
index 71384b03..f3322921 100644
--- a/src/stories/views/Host/HostDetailsView.stories.js
+++ b/src/stories/views/Host/HostDetailsView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { AppHarness } from "../../../mocks/AppHarness";
 import { HostDetailsContainer } from "../../../views/host/details/HostDetailsContainer";
 import { userImpersonatorArgs } from "../../utils/common-args";
diff --git a/src/stories/views/IOC/CreateIocView.stories.js b/src/stories/views/IOC/CreateIocView.stories.js
index be01c9f5..b71b3bb8 100644
--- a/src/stories/views/IOC/CreateIocView.stories.js
+++ b/src/stories/views/IOC/CreateIocView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { AppHarness } from "../../../mocks/AppHarness";
 import { CreateIOCView } from "../../../views/IOC/CreateIOCView";
 import { rest } from "msw";
diff --git a/src/stories/views/IOC/IocDetailsView.stories.js b/src/stories/views/IOC/IocDetailsView.stories.js
index de85654b..dd68fde5 100644
--- a/src/stories/views/IOC/IocDetailsView.stories.js
+++ b/src/stories/views/IOC/IocDetailsView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { AppHarness } from "../../../mocks/AppHarness";
 import { IOCDetailsContainer } from "../../../views/IOC/IOCDetailsContainer";
 import { userImpersonatorArgs } from "../../utils/common-args";
diff --git a/src/stories/views/IOC/IocListView.stories.js b/src/stories/views/IOC/IocListView.stories.js
index ab112954..91c1e83a 100644
--- a/src/stories/views/IOC/IocListView.stories.js
+++ b/src/stories/views/IOC/IocListView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { AppHarness } from "../../../mocks/AppHarness";
 import { rest } from "msw";
 import { handlers } from "../../../mocks/handlers";
diff --git a/src/stories/views/Job/JobDetailsView.stories.js b/src/stories/views/Job/JobDetailsView.stories.js
index f5a0f1cb..9e270a75 100644
--- a/src/stories/views/Job/JobDetailsView.stories.js
+++ b/src/stories/views/Job/JobDetailsView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { JobDetails } from "../../../components/Job/JobDetails";
 import { AppHarness } from "../../../mocks/AppHarness";
 
diff --git a/src/stories/views/Job/JobListView.stories.js b/src/stories/views/Job/JobListView.stories.js
index eb4d7960..99c59e68 100644
--- a/src/stories/views/Job/JobListView.stories.js
+++ b/src/stories/views/Job/JobListView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { AppHarness } from "../../../mocks/AppHarness";
 import { JobListView } from "../../../views/jobs/JobListView";
 
diff --git a/src/stories/views/Login/LoginView.stories.js b/src/stories/views/Login/LoginView.stories.js
index 43314ab8..799a5206 100644
--- a/src/stories/views/Login/LoginView.stories.js
+++ b/src/stories/views/Login/LoginView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { AppHarness } from "../../../mocks/AppHarness";
 import { LoginView } from "../../../views/login/LoginView";
 
diff --git a/src/stories/views/Navigation/NotFoundView.stories.js b/src/stories/views/Navigation/NotFoundView.stories.js
index 3262a8fc..6863c398 100644
--- a/src/stories/views/Navigation/NotFoundView.stories.js
+++ b/src/stories/views/Navigation/NotFoundView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { AppHarness } from "../../../mocks/AppHarness";
 import NotFoundView from "../../../components/navigation/NotFoundView";
 
diff --git a/src/stories/views/Statistics/StatisticsView.stories.js b/src/stories/views/Statistics/StatisticsView.stories.js
index 794fe1ad..a8e99199 100644
--- a/src/stories/views/Statistics/StatisticsView.stories.js
+++ b/src/stories/views/Statistics/StatisticsView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { StatisticsView } from "../../../views/statistics/StatisticsView";
 import { AppHarness } from "../../../mocks/AppHarness";
 
diff --git a/src/stories/views/UserPage/UserPageView.stories.js b/src/stories/views/UserPage/UserPageView.stories.js
index eac248ee..24a8d043 100644
--- a/src/stories/views/UserPage/UserPageView.stories.js
+++ b/src/stories/views/UserPage/UserPageView.stories.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { UserDetailsContainer } from "../../../views/UserPage";
 import { AppHarness } from "../../../mocks/AppHarness";
 import { userImpersonatorArgs } from "../../utils/common-args";
diff --git a/src/views/IOC/CreateIOCAccessControl.js b/src/views/IOC/CreateIOCAccessControl.js
index 1431995d..dccaa746 100644
--- a/src/views/IOC/CreateIOCAccessControl.js
+++ b/src/views/IOC/CreateIOCAccessControl.js
@@ -1,5 +1,4 @@
 import { AccessControl } from "@ess-ics/ce-ui-common";
-import React from "react";
 import { CreateIOCView } from "./CreateIOCView";
 import { Navigate } from "react-router-dom";
 
diff --git a/src/views/IOC/CreateIOCView.js b/src/views/IOC/CreateIOCView.js
index f7a709d2..0aa9eca6 100644
--- a/src/views/IOC/CreateIOCView.js
+++ b/src/views/IOC/CreateIOCView.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { GlobalAppBarContext } from "@ess-ics/ce-ui-common";
 import { applicationTitle } from "../../components/common/Helper";
 import { CreateIOC } from "../../components/IOC/CreateIOC";
diff --git a/src/views/IOC/IOCDetailsAccessControl.js b/src/views/IOC/IOCDetailsAccessControl.js
index 25a7afb3..7712fe25 100644
--- a/src/views/IOC/IOCDetailsAccessControl.js
+++ b/src/views/IOC/IOCDetailsAccessControl.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { RootPaper } from "@ess-ics/ce-ui-common";
 import AccessControl from "../../components/auth/AccessControl";
 import { IOCDetailsContainer } from "./IOCDetailsContainer";
diff --git a/src/views/IOC/IOCDetailsContainer.js b/src/views/IOC/IOCDetailsContainer.js
index 239c6fcc..90b22541 100644
--- a/src/views/IOC/IOCDetailsContainer.js
+++ b/src/views/IOC/IOCDetailsContainer.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useContext, useState, useMemo } from "react";
+import { useEffect, useContext, useState, useMemo } from "react";
 import { IOCDetailsView } from "./IOCDetailsView";
 import { LinearProgress } from "@mui/material";
 import NotFoundView from "../../components/navigation/NotFoundView/NotFoundView";
diff --git a/src/views/IOC/IOCDetailsView.js b/src/views/IOC/IOCDetailsView.js
index dda37ab0..3db9d1bf 100644
--- a/src/views/IOC/IOCDetailsView.js
+++ b/src/views/IOC/IOCDetailsView.js
@@ -1,12 +1,6 @@
 import { Grid, IconButton, Stack } from "@mui/material";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
-import React, {
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useState
-} from "react";
+import { useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { IOCLiveStatus } from "../../components/IOC/IOCLiveStatus";
 import { IOCManage } from "../../components/IOC/IOCManage";
 import { useNavigate } from "react-router-dom";
diff --git a/src/views/IOC/IOCListView.js b/src/views/IOC/IOCListView.js
index c1d4a819..4d5a041b 100644
--- a/src/views/IOC/IOCListView.js
+++ b/src/views/IOC/IOCListView.js
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useContext, useCallback } from "react";
+import { useState, useEffect, useContext, useCallback } from "react";
 import { Container, Grid, Tabs, Tab } from "@mui/material";
 import {
   GlobalAppBarContext,
diff --git a/src/views/TestErrorView.js b/src/views/TestErrorView.js
index 6cd22c2c..7629bb43 100644
--- a/src/views/TestErrorView.js
+++ b/src/views/TestErrorView.js
@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import { useEffect } from "react";
 
 export const TestErrorView = () => {
   useEffect(() => {
diff --git a/src/views/UserPage/UserDetailsAccessControl.js b/src/views/UserPage/UserDetailsAccessControl.js
index a3f0ee83..fc47f6c6 100644
--- a/src/views/UserPage/UserDetailsAccessControl.js
+++ b/src/views/UserPage/UserDetailsAccessControl.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { RootPaper } from "@ess-ics/ce-ui-common";
 import AccessControl from "../../components/auth/AccessControl";
 import { UserDetailsContainer } from "./UserDetailsContainer";
diff --git a/src/views/UserPage/UserDetailsContainer.js b/src/views/UserPage/UserDetailsContainer.js
index aa6900cf..df888bda 100644
--- a/src/views/UserPage/UserDetailsContainer.js
+++ b/src/views/UserPage/UserDetailsContainer.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
+import { useContext, useEffect, useMemo, useState } from "react";
 import { UserPageView } from "./UserPageView";
 import { LinearProgress } from "@mui/material";
 import NotFoundView from "../../components/navigation/NotFoundView/NotFoundView";
diff --git a/src/views/UserPage/UserPageView.js b/src/views/UserPage/UserPageView.js
index f889d92b..3c1becaf 100644
--- a/src/views/UserPage/UserPageView.js
+++ b/src/views/UserPage/UserPageView.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { Grid } from "@mui/material";
 import { GlobalAppBarContext } from "@ess-ics/ce-ui-common";
 import { applicationTitle } from "../../components/common/Helper";
diff --git a/src/views/help/HelpView.js b/src/views/help/HelpView.js
index 7e4d1c25..d57b7bb0 100644
--- a/src/views/help/HelpView.js
+++ b/src/views/help/HelpView.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { RootPaper, Help } from "@ess-ics/ce-ui-common";
 import { Stack, Typography } from "@mui/material";
 import { GlobalAppBarContext } from "@ess-ics/ce-ui-common";
diff --git a/src/views/host/HostListView.js b/src/views/host/HostListView.js
index 9b71607b..544acdb5 100644
--- a/src/views/host/HostListView.js
+++ b/src/views/host/HostListView.js
@@ -1,10 +1,4 @@
-import React, {
-  useState,
-  useEffect,
-  useCallback,
-  useContext,
-  useMemo
-} from "react";
+import { useState, useEffect, useCallback, useContext, useMemo } from "react";
 import { Container, Grid, Tabs, Tab } from "@mui/material";
 import { HostTable } from "../../components/host/HostTable";
 import {
diff --git a/src/views/host/details/HostDetailsAccessControl.js b/src/views/host/details/HostDetailsAccessControl.js
index 1df291f2..2bb2fbaa 100644
--- a/src/views/host/details/HostDetailsAccessControl.js
+++ b/src/views/host/details/HostDetailsAccessControl.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { RootPaper } from "@ess-ics/ce-ui-common";
 import AccessControl from "../../../components/auth/AccessControl";
 import { HostDetailsContainer } from "./HostDetailsContainer";
diff --git a/src/views/host/details/HostDetailsContainer.js b/src/views/host/details/HostDetailsContainer.js
index 8fe417f2..82de1b9f 100644
--- a/src/views/host/details/HostDetailsContainer.js
+++ b/src/views/host/details/HostDetailsContainer.js
@@ -1,4 +1,4 @@
-import React, { useState, useMemo, useContext, useEffect } from "react";
+import { useState, useMemo, useContext, useEffect } from "react";
 import { HostDetailsView } from "./HostDetailsView";
 import { LinearProgress } from "@mui/material";
 import { onFetchEntityError } from "../../../components/common/Helper";
diff --git a/src/views/host/details/HostDetailsTable.js b/src/views/host/details/HostDetailsTable.js
index 08a7b33f..46413d66 100644
--- a/src/views/host/details/HostDetailsTable.js
+++ b/src/views/host/details/HostDetailsTable.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { KeyValueTable, EmptyValue } from "@ess-ics/ce-ui-common";
 import { Chip, Stack } from "@mui/material";
 
diff --git a/src/views/host/details/HostDetailsView.js b/src/views/host/details/HostDetailsView.js
index b2d00a26..31b6f2d0 100644
--- a/src/views/host/details/HostDetailsView.js
+++ b/src/views/host/details/HostDetailsView.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useContext } from "react";
+import { useEffect, useContext } from "react";
 import useUrlState from "@ahooksjs/use-url-state";
 import { Box, IconButton, Typography, Stack } from "@mui/material";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
diff --git a/src/views/host/details/HostIocSection.js b/src/views/host/details/HostIocSection.js
index 5f70193c..fa81ed1d 100644
--- a/src/views/host/details/HostIocSection.js
+++ b/src/views/host/details/HostIocSection.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useContext, useCallback } from "react";
+import { useEffect, useContext, useCallback } from "react";
 import IOCTable from "../../../components/IOC/IOCTable";
 import { string, number, func } from "prop-types";
 import { apiContext } from "../../../api/DeployApi";
diff --git a/src/views/host/details/HostJobsSection.js b/src/views/host/details/HostJobsSection.js
index 3c3d8f64..af2949ba 100644
--- a/src/views/host/details/HostJobsSection.js
+++ b/src/views/host/details/HostJobsSection.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useMemo, useCallback } from "react";
+import { useContext, useEffect, useMemo, useCallback } from "react";
 import { string, number, boolean, func } from "prop-types";
 import { serialize } from "../../../components/common/URLState/URLState";
 import { getErrorMessage } from "../../../components/common/Helper";
diff --git a/src/views/jobs/JobDetailsAccessControl.js b/src/views/jobs/JobDetailsAccessControl.js
index 43ff283c..b60bfd21 100644
--- a/src/views/jobs/JobDetailsAccessControl.js
+++ b/src/views/jobs/JobDetailsAccessControl.js
@@ -1,4 +1,3 @@
-import React from "react";
 import { RootPaper } from "@ess-ics/ce-ui-common";
 import AccessControl from "../../components/auth/AccessControl";
 import { JobDetailsContainer } from "./JobDetailsContainer";
diff --git a/src/views/jobs/JobDetailsContainer.js b/src/views/jobs/JobDetailsContainer.js
index 0de1ae17..203ebb93 100644
--- a/src/views/jobs/JobDetailsContainer.js
+++ b/src/views/jobs/JobDetailsContainer.js
@@ -1,4 +1,4 @@
-import React, {
+import {
   useCallback,
   useRef,
   useState,
diff --git a/src/views/jobs/JobDetailsView.js b/src/views/jobs/JobDetailsView.js
index 658783a9..da593d37 100644
--- a/src/views/jobs/JobDetailsView.js
+++ b/src/views/jobs/JobDetailsView.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { IconButton } from "@mui/material";
 import { JobDetails } from "../../components/Job/JobDetails";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
diff --git a/src/views/jobs/JobListView.js b/src/views/jobs/JobListView.js
index bb1cc59e..2d474323 100644
--- a/src/views/jobs/JobListView.js
+++ b/src/views/jobs/JobListView.js
@@ -1,4 +1,4 @@
-import React, { useContext, useCallback, useMemo } from "react";
+import { useContext, useCallback, useMemo } from "react";
 import { Box } from "@mui/material";
 import {
   RootPaper,
diff --git a/src/views/jobs/JobLogAccessControl.js b/src/views/jobs/JobLogAccessControl.js
index 5867d8c1..8cc5b5d7 100644
--- a/src/views/jobs/JobLogAccessControl.js
+++ b/src/views/jobs/JobLogAccessControl.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import AccessControl from "../../components/auth/AccessControl";
 import { GlobalAppBarContext } from "@ess-ics/ce-ui-common";
 import { JobListView } from "./JobListView";
diff --git a/src/views/login/LoginView.js b/src/views/login/LoginView.js
index 9f3c50bc..bd49cf28 100644
--- a/src/views/login/LoginView.js
+++ b/src/views/login/LoginView.js
@@ -1,5 +1,5 @@
 import { Card, CardContent, Grid } from "@mui/material";
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { useLocation } from "react-router-dom";
 import {
   GlobalAppBarContext,
diff --git a/src/views/records/RecordDetailsView.js b/src/views/records/RecordDetailsView.js
index 2e74c829..38410323 100644
--- a/src/views/records/RecordDetailsView.js
+++ b/src/views/records/RecordDetailsView.js
@@ -1,10 +1,4 @@
-import React, {
-  useEffect,
-  useCallback,
-  useState,
-  useContext,
-  useMemo
-} from "react";
+import { useEffect, useCallback, useState, useContext, useMemo } from "react";
 import { IconButton, Typography, LinearProgress } from "@mui/material";
 import ArrowBackIcon from "@mui/icons-material/ArrowBack";
 import {
diff --git a/src/views/records/RecordListView.js b/src/views/records/RecordListView.js
index 35e56d61..198767eb 100644
--- a/src/views/records/RecordListView.js
+++ b/src/views/records/RecordListView.js
@@ -1,10 +1,4 @@
-import React, {
-  useState,
-  useMemo,
-  useCallback,
-  useContext,
-  useEffect
-} from "react";
+import { useState, useMemo, useCallback, useContext, useEffect } from "react";
 import { Container, Grid, Tabs, Tab } from "@mui/material";
 import {
   GlobalAppBarContext,
diff --git a/src/views/statistics/StatisticsView.js b/src/views/statistics/StatisticsView.js
index 31d380c3..53ad48ea 100644
--- a/src/views/statistics/StatisticsView.js
+++ b/src/views/statistics/StatisticsView.js
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect } from "react";
+import { useContext, useEffect } from "react";
 import { styled } from "@mui/material/styles";
 import { Grid, useTheme, Box } from "@mui/material";
 import {
-- 
GitLab