{
- if (!Array.isArray(val)) {
- formik.setFieldValue('period', val?.value || null);
- }
- }}
+ name='period'
+ placeholder='Masukkan Periode'
+ value={formik.values.period ?? ''}
+ onChange={formik.handleChange}
+ onBlur={formik.handleBlur}
className={{ wrapper: 'w-full' }}
- isClearable
/>
diff --git a/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx b/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx
index 91a56085..a1d30d5a 100644
--- a/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx
+++ b/src/components/pages/production/transfer-to-laying/TransferToLayingFormModal.tsx
@@ -223,6 +223,8 @@ const TransferToLayingFormModal = () => {
},
});
+ const { flockSource: formikFlockSource } = formik.values;
+
const { formErrorList, close, handleFormSubmit } = useFormikErrorList(formik);
const [selectedFlockSourceRawData, setSelectedFlockSourceRawData] = useState<
@@ -455,13 +457,13 @@ const TransferToLayingFormModal = () => {
useEffect(() => {
if (isResponseSuccess(flockSourceRawData)) {
- const selectedFlockSourceRawData = flockSourceRawData.data.find(
+ const currentSelectedFlockSourceRawData = flockSourceRawData.data.find(
(item) => item.id === formik.values.flockSource?.value
);
- setSelectedFlockSourceRawData(selectedFlockSourceRawData);
+ setSelectedFlockSourceRawData(currentSelectedFlockSourceRawData);
}
- }, [flockSourceRawData]);
+ }, [flockSourceRawData, formikFlockSource]);
useEffect(() => {
formik.setFieldValue('totalQuantity', totalTransferedChicken);
@@ -625,6 +627,7 @@ const TransferToLayingFormModal = () => {
>
{
/>