Is there any hook that is called before handleSubmit?

[niralivasoya]

I used the useFormContext in my parent component for my complex and nested form project. In one of my nested forms, I need to clear a few fields before submitting the main form from the parent component. However, when I tried to clear these fields, it didn't work at all. I'm wondering if there's anything that needs to be done to clear these fields before form submission.

In one of my component, I have used like this

const {
        control,
        watch,
        setValue,
        formState: { isSubmitting },
    } = useFormContext();

useEffect(() => {
        // Clear the MAX when values before form submission
        if (isSubmitting) {
            console.log('isSubmitting wall', isSubmitting, radioValue);
            if (radioValue === 'single') {
                const nullValue = null as unknown as number;
                setValue(`${exteriorWallsField}.0.transmittance.1`, nullValue);
                setValue(`${exteriorWallsField}.0.costPerElement.1`, nullValue);
            }
        }
    }, [exteriorWallsField, isSubmitting, radioValue, setValue]);

but it is not working, I still get the values of these fields even if my radio value is single. Any suggestions?