jams-react-client: run npx react-codemod update-react-imports

Change-Id: I8e08437adb437ac7f1f64f46812db4ed0c953ed6

jams-react-client/.eslintrc.js

 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",
+    },
+  },
 };

jams-react-client/src/components/CaSetup/CaSetup.tsx

-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";

jams-react-client/src/components/Card/Card.tsx

-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";

jams-react-client/src/components/Card/CardAvatar.tsx

-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";

jams-react-client/src/components/Card/CardBody.tsx

-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";

jams-react-client/src/components/Card/CardFooter.tsx

-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";

jams-react-client/src/components/Card/CardHeader.tsx

-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";

jams-react-client/src/components/Card/CardIcon.tsx

-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";

jams-react-client/src/components/CountrySelect/CountrySelect.tsx

-import React from "react";
 import TextField from "@mui/material/TextField";
 import { Autocomplete, Box } from "@mui/material";
 import { makeStyles } from "@mui/styles";

jams-react-client/src/components/CreateAdmin/CreateAdmin.tsx

-import React from "react";
 import { useHistory } from "react-router-dom";
 import { useFormik } from "formik";
 import * as Yup from "yup";

jams-react-client/src/components/CustomButtons/Button.tsx

-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";

jams-react-client/src/components/CustomImgDropZone/CustomImgDropZone.tsx

-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";

jams-react-client/src/components/CustomInput/CustomInput.tsx

-import React from "react";
 import classNames from "classnames";
 import PropTypes from "prop-types";
 // @mui/material components

jams-react-client/src/components/CustomPopupState/CustomPopupState.tsx

-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";

jams-react-client/src/components/CustomUiPreview/CustomUiPreview.tsx

-import React, { FC } from "react";
+import { FC } from "react";
 
 import { makeStyles } from "@mui/styles";
 

jams-react-client/src/components/CustomUiPreview/JamiIdCard.tsx

-import React, { FC } from "react";
+import { FC } from "react";
 
 import { makeStyles } from "@mui/styles";
 

jams-react-client/src/components/CustomUiPreview/TipBox.tsx

-import React, { FC } from "react";
+import { FC } from "react";
 import { makeStyles } from "@mui/styles";
 
 import tipLightBulbImage from "assets/img/tip_light_bulb.svg";

jams-react-client/src/components/CustomizedSteppers/CustomizedSteppers.tsx

-import React from "react";
 import PropTypes from "prop-types";
 import { makeStyles } from "@mui/styles";
 import clsx from "clsx";

jams-react-client/src/components/Devices/Devices.tsx

-import React, { FC, useEffect, useState } from "react";
+import { FC, useEffect, useState } from "react";
 import { useHistory } from "react-router-dom";
 
 import classnames from "classnames";

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";