clear Dialog valse

src/pages/PublicNoticeDetail_GLD/StatusChangeDialog.js

@@ -30,10 +30,11 @@ const StatusChangeDialog = (props) => {
   const [prositiveBtnText, setPrositiveBtnText] = useState("Confirm");
   const [remarks, setRemarks] = useState("");
   const [helperText, setHelperText] = useState("");
-  const [comboInputValue, setComboInputValue] = useState("");
+  const [comboInputValue, setComboInputValue] = useState({});
   const groupTitleComboList = ComboData.groupTitle;
 
   useEffect(() => {
+    setComboInputValue({});
     if (props.getStatus == "genGazetteCode") {
       setDialogTitle("Gen Gazette Code");
       setPrositiveBtnText("Submit");
@@ -128,7 +129,7 @@ const StatusChangeDialog = (props) => {
         <Grid container alignItems={"center"}>
           <Grid item xs={12} md={3} lg={3}
             sx={{ display: 'flex', alignItems: 'center' }}>
-            <Typography>Grazette Group:</Typography>
+            <Typography>Gazette Group:</Typography>
           </Grid>
           <Grid item xs={12} md={9} lg={9}>
             <Autocomplete
@@ -143,8 +144,8 @@ const StatusChangeDialog = (props) => {
                   props.setSelectedGazetteGroupInputType(newValue.label);
                   setComboInputValue(newValue);
                   props.setSelectedGazetteGroup(newValue);
-                  formik.setFieldValue("gazetteGroup", "")
-                } else {
+                  formik.setFieldValue("", "")
+                } else {gazetteGroup
                   props.setSelectedGazetteGroupInputType("");
                 }
               }}