diff --git a/jams-react-client/.eslintrc.js b/jams-react-client/.eslintrc.js
index aeaa0027f14c9b5e9bdf3244975807f3a83a3bf2..fa6521f4cac35a6f017400a607e81ee9c37868a1 100644
--- a/jams-react-client/.eslintrc.js
+++ b/jams-react-client/.eslintrc.js
@@ -1,5 +1,5 @@
 module.exports = {
-  parser: "babel-eslint",
+  parser: "@typescript-eslint/parser",
   env: {
     es6: true,
     node: true,
@@ -17,9 +17,15 @@ module.exports = {
     "eslint:recommended",
     "plugin:react/recommended",
     "plugin:prettier/recommended",
+    "plugin:react/jsx-runtime",
   ],
   rules: {
     "react/prop-types": "off",
     "no-unused-vars": "warn",
   },
+  settings: {
+    react: {
+      version: "detect",
+    },
+  },
 };
diff --git a/jams-react-client/src/components/CaSetup/CaSetup.tsx b/jams-react-client/src/components/CaSetup/CaSetup.tsx
index 361c1ea4c30b5f05c65c3540fd766bc2433121e7..99e0c92833e772bc054559478092458cee0d6e09 100644
--- a/jams-react-client/src/components/CaSetup/CaSetup.tsx
+++ b/jams-react-client/src/components/CaSetup/CaSetup.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useHistory } from "react-router-dom";
 import { Formik, Field } from "formik";
 import * as Yup from "yup";
diff --git a/jams-react-client/src/components/Card/Card.tsx b/jams-react-client/src/components/Card/Card.tsx
index e0f03ac88fce8241c831e697bda1283120fb500f..abe1c095680ed8baa085b0d387de22e0e9828c5b 100644
--- a/jams-react-client/src/components/Card/Card.tsx
+++ b/jams-react-client/src/components/Card/Card.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-// nodejs library that concatenates classes
 import classNames from "classnames";
 // nodejs library to set properties for components
 import PropTypes from "prop-types";
diff --git a/jams-react-client/src/components/Card/CardAvatar.tsx b/jams-react-client/src/components/Card/CardAvatar.tsx
index cf5a72b0cb276caf917c756f59d59f4d9f269fa6..3d81e39ee18547f370e216ab7d64e103a0271b4a 100644
--- a/jams-react-client/src/components/Card/CardAvatar.tsx
+++ b/jams-react-client/src/components/Card/CardAvatar.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-// nodejs library that concatenates classes
 import classNames from "classnames";
 // nodejs library to set properties for components
 import PropTypes from "prop-types";
diff --git a/jams-react-client/src/components/Card/CardBody.tsx b/jams-react-client/src/components/Card/CardBody.tsx
index 2ad5ecdde3a811fbeb3c4f67debe55c844327c97..f51557ed8f820487d379b8dfb1ba09157946662a 100644
--- a/jams-react-client/src/components/Card/CardBody.tsx
+++ b/jams-react-client/src/components/Card/CardBody.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-// nodejs library that concatenates classes
 import classNames from "classnames";
 // nodejs library to set properties for components
 import PropTypes from "prop-types";
diff --git a/jams-react-client/src/components/Card/CardFooter.tsx b/jams-react-client/src/components/Card/CardFooter.tsx
index 31f09f0e29de9056a497e5873f95771f53b897a4..9ac88ea16c5ed8ad363ca91e14b84e2a725a483e 100644
--- a/jams-react-client/src/components/Card/CardFooter.tsx
+++ b/jams-react-client/src/components/Card/CardFooter.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-// nodejs library that concatenates classes
 import classNames from "classnames";
 // nodejs library to set properties for components
 import PropTypes from "prop-types";
diff --git a/jams-react-client/src/components/Card/CardHeader.tsx b/jams-react-client/src/components/Card/CardHeader.tsx
index 594c3c38daae22cc0aefc965d3264ff26d10aa8e..6c53e9057986d6b5da9934343d05b8d25e9a3454 100644
--- a/jams-react-client/src/components/Card/CardHeader.tsx
+++ b/jams-react-client/src/components/Card/CardHeader.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-// nodejs library that concatenates classes
 import classNames from "classnames";
 // nodejs library to set properties for components
 import PropTypes from "prop-types";
diff --git a/jams-react-client/src/components/Card/CardIcon.tsx b/jams-react-client/src/components/Card/CardIcon.tsx
index 4daf5cd84e85cc8ce3a22b2d562b916d55322727..7d3a1c68ab3a1c68d83f50ca06437213b2fe732f 100644
--- a/jams-react-client/src/components/Card/CardIcon.tsx
+++ b/jams-react-client/src/components/Card/CardIcon.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-// nodejs library that concatenates classes
 import classNames from "classnames";
 // nodejs library to set properties for components
 import PropTypes from "prop-types";
diff --git a/jams-react-client/src/components/CountrySelect/CountrySelect.tsx b/jams-react-client/src/components/CountrySelect/CountrySelect.tsx
index ed53dfb18058e05e9aca14d0c00ee4868482e88b..bbf48ca38f7b45ed4ab9d1825b80e7c68468a674 100644
--- a/jams-react-client/src/components/CountrySelect/CountrySelect.tsx
+++ b/jams-react-client/src/components/CountrySelect/CountrySelect.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import TextField from "@mui/material/TextField";
 import { Autocomplete, Box } from "@mui/material";
 import { makeStyles } from "@mui/styles";
diff --git a/jams-react-client/src/components/CreateAdmin/CreateAdmin.tsx b/jams-react-client/src/components/CreateAdmin/CreateAdmin.tsx
index 518fc508e77793a487409471b724d4a29e2701ea..642c79bff980a80c4fdfebc2874c524f476d286d 100644
--- a/jams-react-client/src/components/CreateAdmin/CreateAdmin.tsx
+++ b/jams-react-client/src/components/CreateAdmin/CreateAdmin.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { useHistory } from "react-router-dom";
 import { useFormik } from "formik";
 import * as Yup from "yup";
diff --git a/jams-react-client/src/components/CustomButtons/Button.tsx b/jams-react-client/src/components/CustomButtons/Button.tsx
index 096a7150d3d0860187919f287264f7c57e9be656..f75d2d2e6fda99c3f1691b476b7a469d4a511d03 100644
--- a/jams-react-client/src/components/CustomButtons/Button.tsx
+++ b/jams-react-client/src/components/CustomButtons/Button.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-// nodejs library that concatenates classes
 import classNames from "classnames";
 // nodejs library to set properties for components
 import PropTypes from "prop-types";
diff --git a/jams-react-client/src/components/CustomImgDropZone/CustomImgDropZone.tsx b/jams-react-client/src/components/CustomImgDropZone/CustomImgDropZone.tsx
index 27fe93da0c6338836693b86e6981cdd1ca285d0e..8937219a3def06cd6da928215aee477cd879b179 100644
--- a/jams-react-client/src/components/CustomImgDropZone/CustomImgDropZone.tsx
+++ b/jams-react-client/src/components/CustomImgDropZone/CustomImgDropZone.tsx
@@ -1,4 +1,4 @@
-import React, { FC, MouseEventHandler } from "react";
+import { FC, MouseEventHandler } from "react";
 import { makeStyles } from "@mui/styles";
 import Dropzone, { Accept } from "react-dropzone";
 import UploadIcon from "@mui/icons-material/CloudUpload";
diff --git a/jams-react-client/src/components/CustomInput/CustomInput.tsx b/jams-react-client/src/components/CustomInput/CustomInput.tsx
index bcf20d1854b0a4839d4c06ecaa7194b9feb7ecae..8dc52139f4865092cd1ec993a8cf9ccf5a0e89b2 100644
--- a/jams-react-client/src/components/CustomInput/CustomInput.tsx
+++ b/jams-react-client/src/components/CustomInput/CustomInput.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import classNames from "classnames";
 import PropTypes from "prop-types";
 // @mui/material components
diff --git a/jams-react-client/src/components/CustomPopupState/CustomPopupState.tsx b/jams-react-client/src/components/CustomPopupState/CustomPopupState.tsx
index 214298f90c7a28c30543cdc3b891bcd619910e30..f56fe7cb8db179ccf3579f307d86dd986a0c3c80 100644
--- a/jams-react-client/src/components/CustomPopupState/CustomPopupState.tsx
+++ b/jams-react-client/src/components/CustomPopupState/CustomPopupState.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import InfoIcon from "@mui/icons-material/Info";
 import Popover from "@mui/material/Popover";
 import PopupState, { bindTrigger, bindPopover } from "material-ui-popup-state";
diff --git a/jams-react-client/src/components/CustomUiPreview/CustomUiPreview.tsx b/jams-react-client/src/components/CustomUiPreview/CustomUiPreview.tsx
index 73dbb3810993c7f9904393ae4da5ed1e1673eada..7d792452f867a7d608431a7977757a208e4261cb 100644
--- a/jams-react-client/src/components/CustomUiPreview/CustomUiPreview.tsx
+++ b/jams-react-client/src/components/CustomUiPreview/CustomUiPreview.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import { FC } from "react";
 
 import { makeStyles } from "@mui/styles";
 
diff --git a/jams-react-client/src/components/CustomUiPreview/JamiIdCard.tsx b/jams-react-client/src/components/CustomUiPreview/JamiIdCard.tsx
index 67e92474363972ae172bb9951475153038d73557..4ec6453d0583316e0d343c792db3becc9a5bb904 100644
--- a/jams-react-client/src/components/CustomUiPreview/JamiIdCard.tsx
+++ b/jams-react-client/src/components/CustomUiPreview/JamiIdCard.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import { FC } from "react";
 
 import { makeStyles } from "@mui/styles";
 
diff --git a/jams-react-client/src/components/CustomUiPreview/TipBox.tsx b/jams-react-client/src/components/CustomUiPreview/TipBox.tsx
index bd6061c1235103747521d47dc6efe9bd3c5f7277..cb6748b17d6bd2ea32bd37200a43f66e075a38de 100644
--- a/jams-react-client/src/components/CustomUiPreview/TipBox.tsx
+++ b/jams-react-client/src/components/CustomUiPreview/TipBox.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import { FC } from "react";
 import { makeStyles } from "@mui/styles";
 
 import tipLightBulbImage from "assets/img/tip_light_bulb.svg";
diff --git a/jams-react-client/src/components/CustomizedSteppers/CustomizedSteppers.tsx b/jams-react-client/src/components/CustomizedSteppers/CustomizedSteppers.tsx
index 3f9c39d2ff486df131e393bbc0ae0d80f151ffe4..7c1cea9652b6b3daffee7a1f460740a4b86fed4b 100644
--- a/jams-react-client/src/components/CustomizedSteppers/CustomizedSteppers.tsx
+++ b/jams-react-client/src/components/CustomizedSteppers/CustomizedSteppers.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import PropTypes from "prop-types";
 import { makeStyles } from "@mui/styles";
 import clsx from "clsx";
diff --git a/jams-react-client/src/components/Devices/Devices.tsx b/jams-react-client/src/components/Devices/Devices.tsx
index 6b6de2a5c5062eb26b4f1b70c11651d76f87594d..de8304216ddc7d83c6621fd9efe7d7405a4d84cf 100755
--- a/jams-react-client/src/components/Devices/Devices.tsx
+++ b/jams-react-client/src/components/Devices/Devices.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useState } from "react";
+import { FC, useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 
 import classnames from "classnames";
diff --git a/jams-react-client/src/components/Devices/EditDeviceDialog.tsx b/jams-react-client/src/components/Devices/EditDeviceDialog.tsx
index 473fd8622cf66516bd4e4b846e1959da7179af80..a43b8865b660fe4e3ea5c292e938dc96ff17c6e6 100644
--- a/jams-react-client/src/components/Devices/EditDeviceDialog.tsx
+++ b/jams-react-client/src/components/Devices/EditDeviceDialog.tsx
@@ -8,7 +8,6 @@ import {
 } from "@mui/material";
 import { Formik, Field } from "formik";
 import i18next from "i18next";
-import React from "react";
 import { Dispatch, FC, SetStateAction } from "react";
 import { Device } from "./Devices";
 
diff --git a/jams-react-client/src/components/Devices/RevokeDeviceDialog.tsx b/jams-react-client/src/components/Devices/RevokeDeviceDialog.tsx
index 1445b64e510c04edff3e3aa1e20a48f0158bfe3c..53662b2996d66afc859b6e870c0cf8d48c28c7fd 100644
--- a/jams-react-client/src/components/Devices/RevokeDeviceDialog.tsx
+++ b/jams-react-client/src/components/Devices/RevokeDeviceDialog.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import { FC } from "react";
 import i18next from "i18next";
 import {
   Dialog,
diff --git a/jams-react-client/src/components/Drawer/Drawer.tsx b/jams-react-client/src/components/Drawer/Drawer.tsx
index bb604683ce34955b293eed1f5848fed046cab7be..fdd421d75f806d6b4dfd978a7948aba47ecdebe5 100644
--- a/jams-react-client/src/components/Drawer/Drawer.tsx
+++ b/jams-react-client/src/components/Drawer/Drawer.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useCallback } from "react";
+import { Fragment, FC, useCallback } from "react";
 import clsx from "clsx";
 import { debounce } from "lodash";
 import { makeStyles } from "@mui/styles";
@@ -129,7 +129,7 @@ const TemporaryDrawer: FC<TemporaryDrawerProps> = ({
 
   return (
     <div>
-      <React.Fragment key={direction}>
+      <Fragment key={direction}>
         <Drawer
           anchor="right"
           open={openDrawer}
@@ -161,7 +161,7 @@ const TemporaryDrawer: FC<TemporaryDrawerProps> = ({
             {listUsers()}
           </div>
         </Drawer>
-      </React.Fragment>
+      </Fragment>
     </div>
   );
 };
diff --git a/jams-react-client/src/components/Footer/Footer.tsx b/jams-react-client/src/components/Footer/Footer.tsx
index 96f0c805c8c20ea4e58cc4c046e5ab259e91852e..0a6b262df981fc5e9bec5e3121e6cddc89ce903d 100755
--- a/jams-react-client/src/components/Footer/Footer.tsx
+++ b/jams-react-client/src/components/Footer/Footer.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-// @mui/material components
 import { makeStyles } from "@mui/styles";
 // core components
 import styles from "assets/jss/material-dashboard-react/components/footerStyle";
diff --git a/jams-react-client/src/components/FormikField/FormikField.tsx b/jams-react-client/src/components/FormikField/FormikField.tsx
index b1f118e2e2ee7ae5e10104da8daff8eaad3cf205..0f6df7aa04edaa314c3cd524cca18868210b7f62 100644
--- a/jams-react-client/src/components/FormikField/FormikField.tsx
+++ b/jams-react-client/src/components/FormikField/FormikField.tsx
@@ -1,4 +1,4 @@
-import React from "react";
+import { Component } from "react";
 import PropTypes from "prop-types";
 import { ErrorMessage, Field } from "formik";
 
@@ -6,7 +6,7 @@ import FormControl from "@mui/material/FormControl";
 import InputLabel from "@mui/material/InputLabel";
 import Input from "@mui/material/Input";
 
-class FormikField extends React.Component {
+class FormikField extends Component {
   render() {
     return (
       <div className="FormikField">
diff --git a/jams-react-client/src/components/Grid/GridContainer.tsx b/jams-react-client/src/components/Grid/GridContainer.tsx
index 585746cc0f5f1ced0a1b510eac946b11e6947b53..4676454922ca47adae0017dcaa13d0d130fcd2bb 100644
--- a/jams-react-client/src/components/Grid/GridContainer.tsx
+++ b/jams-react-client/src/components/Grid/GridContainer.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-// nodejs library to set properties for components
 import PropTypes from "prop-types";
 // @mui/material components
 import { makeStyles } from "@mui/styles";
diff --git a/jams-react-client/src/components/Grid/GridItem.tsx b/jams-react-client/src/components/Grid/GridItem.tsx
index 922404b8fbb272ac799e0a8905436b42582d0a8f..589f93e14b451e5bf3793ef10e88f61632cdc06f 100644
--- a/jams-react-client/src/components/Grid/GridItem.tsx
+++ b/jams-react-client/src/components/Grid/GridItem.tsx
@@ -1,4 +1,5 @@
-import React, { FC } from "react";
+import { FC } from "react";
+import * as React from "react";
 import { makeStyles } from "@mui/styles";
 import { Grid, GridTypeMap } from "@mui/material";
 import { OverridableComponent } from "@mui/material/OverridableComponent";
diff --git a/jams-react-client/src/components/IdentityManagement/AdStorageForm.tsx b/jams-react-client/src/components/IdentityManagement/AdStorageForm.tsx
index 6259f35b3712b9d199274c9c9feec6b60649bbf9..4064a8f3f443411eae5d759979765beabdf447c4 100644
--- a/jams-react-client/src/components/IdentityManagement/AdStorageForm.tsx
+++ b/jams-react-client/src/components/IdentityManagement/AdStorageForm.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Typography from "@mui/material/Typography";
 import Grid from "@mui/material/Grid";
diff --git a/jams-react-client/src/components/IdentityManagement/IdentityManagement.tsx b/jams-react-client/src/components/IdentityManagement/IdentityManagement.tsx
index d65bd88d1fdceefc271829987b4ced787ad305fe..2804c981989b3d57c34eac9e33dec59041deb138 100644
--- a/jams-react-client/src/components/IdentityManagement/IdentityManagement.tsx
+++ b/jams-react-client/src/components/IdentityManagement/IdentityManagement.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { useHistory } from "react-router-dom";
 import { Formik } from "formik";
 import Button from "@mui/material/Button";
diff --git a/jams-react-client/src/components/IdentityManagement/LdapStorageForm.tsx b/jams-react-client/src/components/IdentityManagement/LdapStorageForm.tsx
index 580f7826ea1cfbf633e0059c17fcd20bbac4ccab..35bdad3136f4ead7aa8ab37effd1ecc8c0a6461d 100644
--- a/jams-react-client/src/components/IdentityManagement/LdapStorageForm.tsx
+++ b/jams-react-client/src/components/IdentityManagement/LdapStorageForm.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Typography from "@mui/material/Typography";
 import Grid from "@mui/material/Grid";
diff --git a/jams-react-client/src/components/IdentityManagement/LocalStorageForm.tsx b/jams-react-client/src/components/IdentityManagement/LocalStorageForm.tsx
index 4b4dd143e1791297d01414a77178f3c4b237e366..0524c41899282a1ff227b2e45f44b6dcef063e80 100644
--- a/jams-react-client/src/components/IdentityManagement/LocalStorageForm.tsx
+++ b/jams-react-client/src/components/IdentityManagement/LocalStorageForm.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import FormControlLabel from "@mui/material/FormControlLabel";
 import Checkbox from "@mui/material/Checkbox";
 import Typography from "@mui/material/Typography";
diff --git a/jams-react-client/src/components/LanguagePicker/LanguagePicker.tsx b/jams-react-client/src/components/LanguagePicker/LanguagePicker.tsx
index f69dfc5cad9e3def4eb8d1d481b7de538ef8b40a..38a4619d1001a6680808929c0c65b55de1e93919 100644
--- a/jams-react-client/src/components/LanguagePicker/LanguagePicker.tsx
+++ b/jams-react-client/src/components/LanguagePicker/LanguagePicker.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { Fragment, useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 
 import Button from "@mui/material/Button";
@@ -52,7 +52,7 @@ export default function LanguagePicker(props) {
   return (
     <PopupState variant="popover" popupId="demo-popup-menu">
       {(popupState) => (
-        <React.Fragment>
+        <Fragment>
           <Button
             variant="contained"
             color="inherit"
@@ -77,7 +77,7 @@ export default function LanguagePicker(props) {
               </MenuItem>
             ))}
           </Menu>
-        </React.Fragment>
+        </Fragment>
       )}
     </PopupState>
   );
diff --git a/jams-react-client/src/components/Navbars/Navbar.tsx b/jams-react-client/src/components/Navbars/Navbar.tsx
index 2d8499261b1184b96a9ddeccfedaf0aadded4756..056a5061edb84654809dc37c0b009114beccad76 100755
--- a/jams-react-client/src/components/Navbars/Navbar.tsx
+++ b/jams-react-client/src/components/Navbars/Navbar.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import classNames from "classnames";
 import PropTypes from "prop-types";
 // @mui/material components
diff --git a/jams-react-client/src/components/PasswordDialog/PasswordDialog.tsx b/jams-react-client/src/components/PasswordDialog/PasswordDialog.tsx
index 74d9329bf7257e0017e1a345cda2fa10236804c6..fdf23d67c49839f87e986fc43fa3232929f7ddb7 100644
--- a/jams-react-client/src/components/PasswordDialog/PasswordDialog.tsx
+++ b/jams-react-client/src/components/PasswordDialog/PasswordDialog.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useState } from "react";
+import { FC, useEffect, useState } from "react";
 // @mui/material components
 import { makeStyles } from "@mui/styles";
 // core components
diff --git a/jams-react-client/src/components/ServerParameters/ServerParameters.tsx b/jams-react-client/src/components/ServerParameters/ServerParameters.tsx
index 2c0fa736312dfdd0fd0e3cd3d03e2982a04cbd07..2045eb8c59b6f1d388e7a28ea5f02d6236cec38f 100644
--- a/jams-react-client/src/components/ServerParameters/ServerParameters.tsx
+++ b/jams-react-client/src/components/ServerParameters/ServerParameters.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 import Button from "@mui/material/Button";
 import TextField from "@mui/material/TextField";
diff --git a/jams-react-client/src/components/Sidebar/Sidebar.tsx b/jams-react-client/src/components/Sidebar/Sidebar.tsx
index 7dd27eb82e53d158b25fd902328b63595f65c3a7..c9310c159b2fbd2aa764253feaa4ef2cf2817fde 100755
--- a/jams-react-client/src/components/Sidebar/Sidebar.tsx
+++ b/jams-react-client/src/components/Sidebar/Sidebar.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { createRef, useEffect, useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 import classNames from "classnames";
 import PropTypes from "prop-types";
@@ -26,7 +26,7 @@ const useStyles = makeStyles(styles);
 
 export default function Sidebar(props) {
   const classes = useStyles();
-  const mainPanel = React.createRef();
+  const mainPanel = createRef();
   const [open, setOpen] = useState(false);
   const history = useHistory();
 
diff --git a/jams-react-client/src/components/Snackbar/BlueprintSnackbar.tsx b/jams-react-client/src/components/Snackbar/BlueprintSnackbar.tsx
index 454d521e8ccdd90c6781ed8c90c4beb8e9684c0d..9c50167b1d334ccaf934e51f48eba4b5ef0f613f 100644
--- a/jams-react-client/src/components/Snackbar/BlueprintSnackbar.tsx
+++ b/jams-react-client/src/components/Snackbar/BlueprintSnackbar.tsx
@@ -1,4 +1,4 @@
-import React, { Dispatch, FC, SetStateAction } from "react";
+import { forwardRef, createRef, Dispatch, FC, SetStateAction } from "react";
 
 import MuiAlert from "@mui/material/Alert";
 import Snackbar from "@mui/material/Snackbar";
@@ -6,11 +6,11 @@ import Slide from "@mui/material/Slide";
 import { SnackbarProps } from "views/Blueprint/PolicyDataContext";
 
 // https://stackoverflow.com/a/67961603
-const Alert = React.forwardRef(function Alert(props, ref) {
+const Alert = forwardRef(function Alert(props, ref) {
   return <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />;
 });
 
-const SlideTransition = React.forwardRef(function SlideTransition(props, ref) {
+const SlideTransition = forwardRef(function SlideTransition(props, ref) {
   return <Slide ref={ref} {...props} direction="left" />;
 });
 
@@ -23,7 +23,7 @@ export const BlueprintSnackbar: FC<BlueprintSnackbarProps> = ({
   snackbar,
   setSnackbar,
 }) => {
-  const snackbarRef = React.createRef(null);
+  const snackbarRef = createRef(null);
 
   const handleClose = () => {
     setSnackbar((state) => ({ ...state, open: false }));
diff --git a/jams-react-client/src/configured.route.tsx b/jams-react-client/src/configured.route.tsx
index d56b33dc3b59735a2585999c042f8345c0bfea40..bdd0e3a46b6a84246c20de9cb64edf2bcd2e743a 100644
--- a/jams-react-client/src/configured.route.tsx
+++ b/jams-react-client/src/configured.route.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { Route } from "react-router-dom";
 import auth from "./auth";
 import SignUp from "layouts/SignUp";
diff --git a/jams-react-client/src/index.tsx b/jams-react-client/src/index.tsx
index ad3206aa3207e2f596e7969b8bf8aebe5072a844..ea3d599ed60f1e9d21cc845e06d73c1c3aa5d680 100644
--- a/jams-react-client/src/index.tsx
+++ b/jams-react-client/src/index.tsx
@@ -15,7 +15,7 @@
 * The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
 
 */
-import React, { StrictMode, Suspense } from "react";
+import { StrictMode, Suspense } from "react";
 import ReactDOM from "react-dom";
 import { createBrowserHistory } from "history";
 import { Router, Switch, Redirect } from "react-router-dom";
diff --git a/jams-react-client/src/layouts/BaseLayout.tsx b/jams-react-client/src/layouts/BaseLayout.tsx
index 0dce2c33cbca024a4d0d978247c976d72b1412ab..a083021f837ec5c492a6635527dc0b787d1ad07b 100644
--- a/jams-react-client/src/layouts/BaseLayout.tsx
+++ b/jams-react-client/src/layouts/BaseLayout.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { createRef, useEffect, useState } from "react";
 // creates a beautiful scrollbar
 import PerfectScrollbar from "perfect-scrollbar";
 import "perfect-scrollbar/css/perfect-scrollbar.css";
@@ -50,7 +50,7 @@ export default function Admin(props) {
   // styles
   const classes = useStyles();
   // ref to help us initialize PerfectScrollbar on windows devices
-  const mainPanel = React.createRef();
+  const mainPanel = createRef();
   // states and functions
   const [mobileOpen, setMobileOpen] = useState(false);
   const [open, setOpen] = useState(false);
diff --git a/jams-react-client/src/layouts/ListLayout.tsx b/jams-react-client/src/layouts/ListLayout.tsx
index 1b5cf876b7f26f3b247c430130d3cbc99ca9aaec..e92d9c9e695704a227672c64a5d9a155e6a8d633 100644
--- a/jams-react-client/src/layouts/ListLayout.tsx
+++ b/jams-react-client/src/layouts/ListLayout.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { createRef, useEffect, useState } from "react";
 // creates a beautiful scrollbar
 import PerfectScrollbar from "perfect-scrollbar";
 import "perfect-scrollbar/css/perfect-scrollbar.css";
@@ -50,7 +50,7 @@ export default function Admin(props) {
   // styles
   const classes = useStyles();
   // ref to help us initialize PerfectScrollbar on windows devices
-  const mainPanel = React.createRef();
+  const mainPanel = createRef();
   // states and functions
   const [mobileOpen, setMobileOpen] = useState(false);
   const [open, setOpen] = useState(false);
diff --git a/jams-react-client/src/layouts/SignIn.tsx b/jams-react-client/src/layouts/SignIn.tsx
index e785aeae473e12cc0af89593d9677d20a99e200f..f139bea832ff1ee5bac79c2eb0f9581287ba334a 100644
--- a/jams-react-client/src/layouts/SignIn.tsx
+++ b/jams-react-client/src/layouts/SignIn.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 import { Formik } from "formik";
 import Button from "@mui/material/Button";
diff --git a/jams-react-client/src/layouts/SignUp.tsx b/jams-react-client/src/layouts/SignUp.tsx
index e771ac17056eb18beeaa831c17b743e8bae70b00..6b7a93054d5484284cd090e7848006f869102d2d 100644
--- a/jams-react-client/src/layouts/SignUp.tsx
+++ b/jams-react-client/src/layouts/SignUp.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import CssBaseline from "@mui/material/CssBaseline";
 import Link from "@mui/material/Link";
 import Box from "@mui/material/Box";
diff --git a/jams-react-client/src/protected.route.tsx b/jams-react-client/src/protected.route.tsx
index bf48b92f49d542d40a39fd37eae19db81137cf42..56f6bdddeb34c60a49952940a168f411c1e79513 100644
--- a/jams-react-client/src/protected.route.tsx
+++ b/jams-react-client/src/protected.route.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import { Route, Redirect } from "react-router-dom";
 import auth from "./auth";
 
diff --git a/jams-react-client/src/routes/BlueprintRoute.tsx b/jams-react-client/src/routes/BlueprintRoute.tsx
index 33e3394b0b76e1b5a248896a5298afd08af3451b..6377e7b646344e5ac326a187e363eeb9e60edd14 100644
--- a/jams-react-client/src/routes/BlueprintRoute.tsx
+++ b/jams-react-client/src/routes/BlueprintRoute.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 import BaseLayout from "layouts/BaseLayout";
 import { Blueprint } from "views/Blueprint/Blueprint";
 
diff --git a/jams-react-client/src/routes/BlueprintsRoute.tsx b/jams-react-client/src/routes/BlueprintsRoute.tsx
index 0ef3597898074f78a14cd7f4029c457797eebe84..ccbf0df8d59d252397e6fbe813f843ae00aa4542 100644
--- a/jams-react-client/src/routes/BlueprintsRoute.tsx
+++ b/jams-react-client/src/routes/BlueprintsRoute.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 import Blueprints from "views/Blueprints/Blueprints";
 
 import ListLayout from "layouts/ListLayout";
diff --git a/jams-react-client/src/routes/CreateUserRoute.tsx b/jams-react-client/src/routes/CreateUserRoute.tsx
index b0566210294a727ae799d571019d3c88bee48f04..285dc653499a8e46a81bdfcc06aa3efc98317f95 100644
--- a/jams-react-client/src/routes/CreateUserRoute.tsx
+++ b/jams-react-client/src/routes/CreateUserRoute.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 import EditCreateUserProfile from "views/UserProfile/EditCreateUserProfile";
 
 import ListLayout from "layouts/ListLayout";
diff --git a/jams-react-client/src/routes/GroupRoute.tsx b/jams-react-client/src/routes/GroupRoute.tsx
index f0ce8fb322eff30af47fa28ca72191e8d5568dc9..abd26d31ad19c2598bacdf0b4447bb01397bdc40 100644
--- a/jams-react-client/src/routes/GroupRoute.tsx
+++ b/jams-react-client/src/routes/GroupRoute.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 import ListLayout from "layouts/ListLayout";
 import EditGroup from "views/Groups/EditGroup";
 
diff --git a/jams-react-client/src/routes/GroupsRoute.tsx b/jams-react-client/src/routes/GroupsRoute.tsx
index b25da0652fe649c82e083508b1fbf693a49d6178..c9115481b8e66720d4bd0d3ea4d5af23ddbbc1df 100644
--- a/jams-react-client/src/routes/GroupsRoute.tsx
+++ b/jams-react-client/src/routes/GroupsRoute.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 import ListLayout from "layouts/ListLayout";
 import Groups from "views/Groups/Groups";
 
diff --git a/jams-react-client/src/routes/SettingsRoute.tsx b/jams-react-client/src/routes/SettingsRoute.tsx
index 146d0106d39470f3e955f315ea28909ec7fdd4a0..877b780c6afc836668d685a88372c75c14df7ef3 100644
--- a/jams-react-client/src/routes/SettingsRoute.tsx
+++ b/jams-react-client/src/routes/SettingsRoute.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 import Settings from "views/Settings/Settings";
 
 import BaseLayout from "layouts/BaseLayout";
diff --git a/jams-react-client/src/routes/UserRoute.tsx b/jams-react-client/src/routes/UserRoute.tsx
index 2be35c56573fc6a6c9d5bf7ecd5fa057483c7347..1259ed5ada50f89a78a084cb82b8ea8f0c2f7c92 100644
--- a/jams-react-client/src/routes/UserRoute.tsx
+++ b/jams-react-client/src/routes/UserRoute.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 import UserProfile from "views/UserProfile/UserProfile";
 
 import BaseLayout from "layouts/BaseLayout";
diff --git a/jams-react-client/src/routes/UsersRoute.tsx b/jams-react-client/src/routes/UsersRoute.tsx
index 6bfd698e1f4cdc6319dfb945b302b31d500ae15a..894ef5b624526b8d6b1fb31e47e098a5de8a9f8a 100644
--- a/jams-react-client/src/routes/UsersRoute.tsx
+++ b/jams-react-client/src/routes/UsersRoute.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 import Users from "views/Users/Users";
 
 import ListLayout from "layouts/ListLayout";
diff --git a/jams-react-client/src/tools.tsx b/jams-react-client/src/tools.tsx
index 4ddaa5100ca2bed477f38e239e266deef2cfc4a6..9fe862a7617be36ce3341b0170e1673514bf1aea 100644
--- a/jams-react-client/src/tools.tsx
+++ b/jams-react-client/src/tools.tsx
@@ -1,4 +1,3 @@
-import React from "react";
 import MenuItem from "@mui/material/MenuItem";
 
 export function buildSelectMenuItems(elements) {
diff --git a/jams-react-client/src/views/Blueprint/Blueprint.tsx b/jams-react-client/src/views/Blueprint/Blueprint.tsx
index d8d64f0b84690264f2dac8e6fd24a8c29df2d2e6..8b1dee29c1ee850f54d6a9ea6d17d88e7e0d6208 100644
--- a/jams-react-client/src/views/Blueprint/Blueprint.tsx
+++ b/jams-react-client/src/views/Blueprint/Blueprint.tsx
@@ -1,4 +1,5 @@
-import React, { FC, useState } from "react";
+import { FC, useState } from "react";
+import * as React from "react";
 
 import AppBar from "@mui/material/AppBar";
 import Tabs from "@mui/material/Tabs";
diff --git a/jams-react-client/src/views/Blueprint/ColorPickerPopup.tsx b/jams-react-client/src/views/Blueprint/ColorPickerPopup.tsx
index 5cde80a89550ba9ab510606d59adaf06c947783a..62a775fa73599864aac0876b54b887901122b241 100644
--- a/jams-react-client/src/views/Blueprint/ColorPickerPopup.tsx
+++ b/jams-react-client/src/views/Blueprint/ColorPickerPopup.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { makeStyles } from "@mui/styles";
 import { HexAlphaColorPicker, HexColorPicker } from "react-colorful";
 
diff --git a/jams-react-client/src/views/Blueprint/EditBlueprintConfiguration.tsx b/jams-react-client/src/views/Blueprint/EditBlueprintConfiguration.tsx
index 869dc68c97a497d22ee082764c8ff1bb2c7ca3df..a167c62fa35f58abb3ed7af4e90c75bdc47eb303 100644
--- a/jams-react-client/src/views/Blueprint/EditBlueprintConfiguration.tsx
+++ b/jams-react-client/src/views/Blueprint/EditBlueprintConfiguration.tsx
@@ -1,4 +1,4 @@
-import React, { useContext, useState } from "react";
+import { useContext, useState } from "react";
 import clsx from "clsx";
 
 // @mui/material components
diff --git a/jams-react-client/src/views/Blueprint/EditBlueprintPermissions.tsx b/jams-react-client/src/views/Blueprint/EditBlueprintPermissions.tsx
index 0b0b0632cc7c89c17f9b95c43e057441be2b4a1f..3ae6a983136cf56087daa7b6f827145f02b36ed8 100644
--- a/jams-react-client/src/views/Blueprint/EditBlueprintPermissions.tsx
+++ b/jams-react-client/src/views/Blueprint/EditBlueprintPermissions.tsx
@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from "react";
+import { useContext, useEffect, useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 import axios from "axios";
 import i18next from "i18next";
diff --git a/jams-react-client/src/views/Blueprint/EditBlueprintUi.tsx b/jams-react-client/src/views/Blueprint/EditBlueprintUi.tsx
index 224adc197f10ac1be2f8eee2eb63aab9d7d6ecc9..9968f4e9d2ab4935410f81714ce09a9c818f3179 100644
--- a/jams-react-client/src/views/Blueprint/EditBlueprintUi.tsx
+++ b/jams-react-client/src/views/Blueprint/EditBlueprintUi.tsx
@@ -1,4 +1,4 @@
-import React, { useContext, useState } from "react";
+import { useContext, useState } from "react";
 
 import { makeStyles } from "@mui/styles";
 import Grid from "@mui/material/Grid";
diff --git a/jams-react-client/src/views/Blueprint/EditBlueprintUiForm.tsx b/jams-react-client/src/views/Blueprint/EditBlueprintUiForm.tsx
index 457bcce39cdad7967799fe4e3a9fa396a607a9db..312ba414d6a489bd044d54e4e30588d78db15102 100644
--- a/jams-react-client/src/views/Blueprint/EditBlueprintUiForm.tsx
+++ b/jams-react-client/src/views/Blueprint/EditBlueprintUiForm.tsx
@@ -1,5 +1,3 @@
-import React from "react";
-
 import Checkbox from "@mui/material/Checkbox";
 import Switch from "@mui/material/Switch";
 import FormGroup from "@mui/material/FormGroup";
diff --git a/jams-react-client/src/views/Blueprint/PolicyDataContext.tsx b/jams-react-client/src/views/Blueprint/PolicyDataContext.tsx
index 653a656054362a0f6dfca6811cc129f45d770845..9fa77385823f5130b9a5ed6c2413d7d36f626f45 100644
--- a/jams-react-client/src/views/Blueprint/PolicyDataContext.tsx
+++ b/jams-react-client/src/views/Blueprint/PolicyDataContext.tsx
@@ -1,10 +1,4 @@
-import React, {
-  FC,
-  ReactNode,
-  createContext,
-  useEffect,
-  useState,
-} from "react";
+import { FC, ReactNode, createContext, useEffect, useState } from "react";
 
 import axios from "axios";
 
diff --git a/jams-react-client/src/views/Blueprints/Blueprints.tsx b/jams-react-client/src/views/Blueprints/Blueprints.tsx
index 9cd1caf322ce880e59625346649c65e759783ded..2951d03d9d609572ecfa3c8c7e2ba46da47a08d5 100644
--- a/jams-react-client/src/views/Blueprints/Blueprints.tsx
+++ b/jams-react-client/src/views/Blueprints/Blueprints.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 // @mui/material components
 import { makeStyles } from "@mui/styles";
diff --git a/jams-react-client/src/views/Blueprints/CreateBlueprintDialog.tsx b/jams-react-client/src/views/Blueprints/CreateBlueprintDialog.tsx
index 84f3aaf222249ed8f844595322e69e0df3d5ba34..946cfd154d9b096e0d16d15d31cd1e3e5b7d80d4 100644
--- a/jams-react-client/src/views/Blueprints/CreateBlueprintDialog.tsx
+++ b/jams-react-client/src/views/Blueprints/CreateBlueprintDialog.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useState } from "react";
+import { useCallback, useState } from "react";
 import { useHistory } from "react-router-dom";
 import axios from "axios";
 import i18next from "i18next";
diff --git a/jams-react-client/src/views/Contacts/Contacts.tsx b/jams-react-client/src/views/Contacts/Contacts.tsx
index 21728582a49fd4f5b6184f918efd8892d637be12..cbe92c23d92df0f63e788a46f70cced73e884741 100644
--- a/jams-react-client/src/views/Contacts/Contacts.tsx
+++ b/jams-react-client/src/views/Contacts/Contacts.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 // @mui/material components
 import { makeStyles } from "@mui/styles";
diff --git a/jams-react-client/src/views/Groups/CreateGroupDialog.tsx b/jams-react-client/src/views/Groups/CreateGroupDialog.tsx
index 47b5e7f35bfc1b893c951c5b9b9b37c035b84d0f..23288deefbd897f509086540eb6edb551509911a 100644
--- a/jams-react-client/src/views/Groups/CreateGroupDialog.tsx
+++ b/jams-react-client/src/views/Groups/CreateGroupDialog.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 import {
   Dialog,
diff --git a/jams-react-client/src/views/Groups/EditGroup.tsx b/jams-react-client/src/views/Groups/EditGroup.tsx
index e9284f897135347365a864533551d4bfa5ac2707..7f541d37ec198fdb73556c452806d8c313066a6c 100644
--- a/jams-react-client/src/views/Groups/EditGroup.tsx
+++ b/jams-react-client/src/views/Groups/EditGroup.tsx
@@ -1,4 +1,4 @@
-import React, { useCallback, useEffect, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 import classnames from "classnames";
 
diff --git a/jams-react-client/src/views/Groups/Groups.tsx b/jams-react-client/src/views/Groups/Groups.tsx
index 73e5124e6b03cc1aa5ee32dc35d995a831e30b28..9d0ae494f19b19473153080188d46d6e7c9af963 100644
--- a/jams-react-client/src/views/Groups/Groups.tsx
+++ b/jams-react-client/src/views/Groups/Groups.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 // @mui/material components
 import { makeStyles } from "@mui/styles";
diff --git a/jams-react-client/src/views/Settings/General.tsx b/jams-react-client/src/views/Settings/General.tsx
index ba08f23f7ed730af444ce9cc702e55583ec3445d..37d376c0afcbac07db7fd723c686b3de49d010ee 100644
--- a/jams-react-client/src/views/Settings/General.tsx
+++ b/jams-react-client/src/views/Settings/General.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 import { Formik } from "formik";
 import FormikField from "components/FormikField/FormikField";
 import * as Yup from "yup";
diff --git a/jams-react-client/src/views/Settings/Settings.tsx b/jams-react-client/src/views/Settings/Settings.tsx
index 02b37f41151098a3da202d2cbe03ef2094e18792..9a1c0dcf477e855c3a0a812bca4c4adc2238079b 100644
--- a/jams-react-client/src/views/Settings/Settings.tsx
+++ b/jams-react-client/src/views/Settings/Settings.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { useState } from "react";
 // core components
 import General from "./General";
 import Subscription from "./Subscription";
diff --git a/jams-react-client/src/views/Settings/Subscription.tsx b/jams-react-client/src/views/Settings/Subscription.tsx
index a578ed6b425fa1e7afad96f3ed5380453ef6c4da..3a30ade81bf93e19086c286d785ead9b7d411f31 100644
--- a/jams-react-client/src/views/Settings/Subscription.tsx
+++ b/jams-react-client/src/views/Settings/Subscription.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useFormik } from "formik";
 import * as Yup from "yup";
 import Button from "@mui/material/Button";
diff --git a/jams-react-client/src/views/UserProfile/AdminAddUserToGroup.tsx b/jams-react-client/src/views/UserProfile/AdminAddUserToGroup.tsx
index a05f7b586f6c0ee61c36d7ab54a8f1ca0bb96487..d6f05f2b37834910e3220f324e7347b78c25e672 100644
--- a/jams-react-client/src/views/UserProfile/AdminAddUserToGroup.tsx
+++ b/jams-react-client/src/views/UserProfile/AdminAddUserToGroup.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useState } from "react";
+import { FC, useState } from "react";
 import { Link, useHistory } from "react-router-dom";
 import classnames from "classnames";
 import i18next from "i18next";
diff --git a/jams-react-client/src/views/UserProfile/DisplayUserProfile.tsx b/jams-react-client/src/views/UserProfile/DisplayUserProfile.tsx
index bed01123957b08a0d412df063ead1a25cf71c49c..7881b01f4c93bb93ec9becc42b62473e8c0c94d8 100644
--- a/jams-react-client/src/views/UserProfile/DisplayUserProfile.tsx
+++ b/jams-react-client/src/views/UserProfile/DisplayUserProfile.tsx
@@ -1,4 +1,4 @@
-import React, { FC, useEffect, useState } from "react";
+import { FC, useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 import axios from "axios";
 import i18next from "i18next";
diff --git a/jams-react-client/src/views/UserProfile/EditCreateUserProfile.tsx b/jams-react-client/src/views/UserProfile/EditCreateUserProfile.tsx
index 8b848f7cdeeded7b9dda106c52de62747777412a..b74695f7babab2812b077232fb5e7f873727f95b 100644
--- a/jams-react-client/src/views/UserProfile/EditCreateUserProfile.tsx
+++ b/jams-react-client/src/views/UserProfile/EditCreateUserProfile.tsx
@@ -1,4 +1,4 @@
-import React, { ChangeEvent, useEffect, useState } from "react";
+import { ChangeEvent, useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 
 // @mui/material components
diff --git a/jams-react-client/src/views/UserProfile/UserProfile.tsx b/jams-react-client/src/views/UserProfile/UserProfile.tsx
index 4fd5fe814fee6a8a7f40e58d60f423492e17bfaf..92e6642be84657a76465fca490b1b7017a149f38 100755
--- a/jams-react-client/src/views/UserProfile/UserProfile.tsx
+++ b/jams-react-client/src/views/UserProfile/UserProfile.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 // core components
 import Devices from "components/Devices/Devices";
diff --git a/jams-react-client/src/views/UserProfile/UserProfileFieldsList.tsx b/jams-react-client/src/views/UserProfile/UserProfileFieldsList.tsx
index 6c26b2d630572f38d765741208f5f403b20eeafa..e4d0d0889a04490f3ff4a3a8980e56966a405e42 100644
--- a/jams-react-client/src/views/UserProfile/UserProfileFieldsList.tsx
+++ b/jams-react-client/src/views/UserProfile/UserProfileFieldsList.tsx
@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+import { FC } from "react";
 import {
   Grid,
   List,
diff --git a/jams-react-client/src/views/Users/Users.tsx b/jams-react-client/src/views/Users/Users.tsx
index c509559e65c453e02424b5faa7c5ed236d82b21e..700eaf12282fe3a7973245221edcf1ec0374af90 100644
--- a/jams-react-client/src/views/Users/Users.tsx
+++ b/jams-react-client/src/views/Users/Users.tsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useCallback } from "react";
+import { useState, useEffect, useCallback } from "react";
 import { Link } from "react-router-dom";
 import { useHistory } from "react-router-dom";
 // @mui/material components