refactor(FE): Refactor form reset logic to use useCallback with

dependencies
This commit is contained in:
rstubryan
2026-03-06 15:03:37 +07:00
parent 784d9f26ab
commit d467c56ea6
@@ -224,6 +224,8 @@ const DeliveryOrderProductForm = ({
}, },
}); });
const { resetForm } = formik;
const hasWeekField = useMemo(() => { const hasWeekField = useMemo(() => {
const marketingType = formik.values.marketing_type?.value?.toLowerCase(); const marketingType = formik.values.marketing_type?.value?.toLowerCase();
if (marketingType === 'ayam_pullet') { if (marketingType === 'ayam_pullet') {
@@ -243,9 +245,9 @@ const DeliveryOrderProductForm = ({
return false; return false;
}, [formik.values.marketing_product, formik.values.marketing_type]); }, [formik.values.marketing_product, formik.values.marketing_type]);
const handleResetForm = () => { const handleResetForm = useCallback(() => {
setFormErrorMessage(''); setFormErrorMessage('');
formik.resetForm({ resetForm({
values: { values: {
delivery_date: '', delivery_date: '',
vehicle_number: '', vehicle_number: '',
@@ -269,7 +271,7 @@ const DeliveryOrderProductForm = ({
}, },
}); });
// setSelectedProduct(null); // setSelectedProduct(null);
}; }, [resetForm]);
const handleBlurField = useCallback( const handleBlurField = useCallback(
(field: string) => { (field: string) => {