uat defect 115

components/elements/index.js

@@ -9,7 +9,7 @@ import React, { useMemo, useState } from "react";
 import DatePicker from "react-datepicker";
 import "react-datepicker/dist/react-datepicker.css";
 import Dropzone from "react-dropzone";
-import { Field, FieldArray } from "redux-form";
+import { Field, FieldArray, change } from "redux-form";
 import {
     deleteBlob,
     getFilesFromBlobHashed,
@@ -2364,6 +2364,8 @@ export const FieldArrayForm = (props) => {
         maxSubField,
     } = props;
 
+    const dispatch = useDispatch(); // Get dispatch using useDispatch hook
+
     var showIfHasParentShowValue =
         parentField != false &&
         !_.isEmpty(formProps[form]) &&
@@ -2375,6 +2377,8 @@ export const FieldArrayForm = (props) => {
     (showIfHasParentShowValue == parentField) != false &&
         showIfHasParentShowValue;
 
+    !showIfHasParentShowValue && dispatch(change("appealForm", name, null));
+
     parentFieldShowOnValue;
     const { handleSubmit, pristine, reset, submitting } = props;