<p>I'm trying to use useState to set the value of an input, but it's not working the way I want. </p> <p>So I created a weekly schedule using Formik for an appointment system. I have a radio button for free appointments. When selected, I get the time data for the appointment. But I didn't get this day. So I tried adding another input to get daily data. I set the entered value to the state. When the radio button is selected it sets the date. But onSubmit I get the initial value instead of the newly set value. Interestingly, when I try to write something in the input, it returns the value I want for the last key I pressed. But if I do nothing it just returns the initial value. </p> <p>Initial value of my form:</p> <pre class="brush:php;toolbar:false;">const [day, setDay] = useState("Gün"); <Formik onSubmit={handleFormSubmit} initialValues={{ firstname: "", lastname: "", email: "", date: "", day: day, }} ></pre> <p>I set the status of the radio button: </p> <pre class="brush:php;toolbar:false;"><Field type="radio" name="date" value={x.monPm3Time} onClick={() => { setDay("Pazartesi"); }} /></pre> <p>The value of my input is set to state:</p> <pre class="brush:php;toolbar:false;"><Field id="day" name="day" value = {day} /></pre> <p>My handleSubmit function (I'm just logging them now to see if it works): </p> <pre class="brush:php;toolbar:false;">const handleFormSubmit = async (values) => { console.log(values); // fetch("http://localhost:5000/api/appointment", { // method: "POST", // body: values, // headers: { // Authorization: "Bearer " token, // }, // }) // .then((res) => { // console.log(res.status); // }) // .catch((err) => { // console.log(err); // }); }</pre></p>