fix: minified issue on various components

.github/workflows/deploy.yml

@@ -1,9 +1,9 @@
 name: Deploy
 on:
   push:
-    branches: develop-fixed-dco
+    branches: fix/minified-issue-on-various-components
   pull_request:
-    branches: develop-fixed-dco
+    branches: fix/minified-issue-on-various-components
 
 jobs:
   deploy:

src/commonComponents/ConfirmationModal.tsx

@@ -8,10 +8,10 @@ interface IProps {
 	onSuccess: (flag: boolean) => void;
 	message: string | ReactElement |React.ReactNode;
 	isProcessing: boolean;
-	success: string | null;
-	failure: string | null;
-	setFailure: (flag: string | null) => void;
-	setSuccess: (flag: string | null) => void;
+	success: string;
+	failure: string;
+	setFailure: (flag: string) => void;
+	setSuccess: (flag: string) => void;
 	buttonTitles: string[];
 	loading:boolean;
 	warning?:String
@@ -83,7 +83,7 @@ const ConfirmationModal = ({ openModal, closeModal, onSuccess, message, isProces
 										message={success}
 										type={'success'}
 										onAlertClose={() => {
-											setSuccess && setSuccess(null);
+											setSuccess && setSuccess('');
 										}}
 									/>
 								</div>
@@ -94,7 +94,7 @@ const ConfirmationModal = ({ openModal, closeModal, onSuccess, message, isProces
 										message={failure}
 										type={'failure'}
 										onAlertClose={() => {
-											setFailure && setFailure(null);
+											setFailure && setFailure('');
 										}}
 									/>
 								</div>

src/commonComponents/DeviceDetailsCard.tsx

@@ -7,14 +7,15 @@ import type { AxiosResponse } from "axios";
 import { apiStatusCodes } from "../config/CommonConstant";
 import { dateConversion } from "../utils/DateConversion";
 import DateTooltip from "../components/Tooltip";
+import React from "react";
 
 interface IResponseMessages {type: "error" | "success", message: string}
 
 const DeviceDetails = (props: { deviceFriendlyName: string, createDateTime: string, credentialID: string, refreshList: () => void, disableRevoke: boolean, responseMessages: (value: IResponseMessages) => void }) => {
     const [openModal, setOpenModal] = useState<boolean>(false);
     const [openEditModel, setOpenEditModel] = useState<boolean>(false)
-    const [editSuccess, setEditSuccess] = useState<string | null>(null)
-    const [editfailure, setEditFailure] = useState<string | null>(null)
+    const [editSuccess, setEditSuccess] = useState<string>('')
+    const [editfailure, setEditFailure] = useState<string>('')
     const handleDeleteModel = (flag: boolean) => {
         setOpenModal(flag)
     }

src/commonComponents/EditPopup.tsx

@@ -2,6 +2,7 @@ import { Button, Label, Modal } from 'flowbite-react';
 import { Field, Form, Formik } from 'formik';
 import * as yup from 'yup';
 import { useRef } from 'react';
+import React from 'react';
 
 const EditModal = (props: {
 	openModal: boolean;

src/commonComponents/PasseyAddDevicePopup.tsx

@@ -20,9 +20,9 @@ const PasskeyAddDevice = (props: {
 	registerWithPasskey: (flag: boolean) => Promise<void>
 }
 ) => {
-	const [fidoUserError, setFidoUserError] = useState<string | null>(null)
+	const [fidoUserError, setFidoUserError] = useState<string>('')
 	const [nextflag, setNextFlag] = useState<boolean>(false)
-	const [success, setSuccess] = useState<string | null>(null)
+	const [success, setSuccess] = useState<string>('')
 	const [passwordVisible, setPasswordVisible] = useState(false);
 
 	const savePassword = async (values: PasswordValue) => {
@@ -60,8 +60,8 @@ const PasskeyAddDevice = (props: {
 							<Alert
 								color={success ? "success" : "failure"}
 								onDismiss={() => {
-									setSuccess(null)
-									setFidoUserError(null)
+									setSuccess('')
+									setFidoUserError('')
 								}
 								}
 							>