Невозможно получить состояние загрузки при отправке формы с помощью formik ⇐ Javascript

[Anonymous]

У меня есть компонент формы, который включает поле ввода номера типа и кнопку отправки. Я использую Formik для управления состоянием формы. Компонент формы также содержит модальное окно, которое открывается, когда я нажимаю кнопку отправки.
Проблема, с которой я столкнулся, заключается в том, что внутри модального окна есть еще одна кнопка, которая также имеет тип отправки. При нажатии этой кнопки форма отправляется повторно, но я не могу получить доступ к состоянию isSubmitting из Formik.
import React, { useState } from "react";
import { Formik, Form, Field } from "formik";

const FormWithModal = () => {
const [isModalOpen, setModalOpen] = useState(false);

return (

Form with Modal
{
setModalOpen(true);
setSubmitting(false);
console.log("Form submitted with values:", values);
}}
>
{({ isSubmitting }) => (


Number:



Submit


{isModalOpen && (


Modal
The form has been submitted!
setModalOpen(false)}
>
Close Modal

{/* Button inside the modal */}

Modal Submit



)}

)}


);
};

export default FormWithModal;



Подробнее здесь: https://stackoverflow.com/questions/793 ... ing-formik