I currently have a form I am building using formik. I am able to update each of the fields(name, email, phone) as expected. The issue I am running into is when I provide one of the formik intial values with a state value and update that state. The act of updating the state causes the form to completely reset the input fields Is there a way to update the test state without resetting the entire form?? My code is as follows:

import { useState } from "react";

import { Formik, FieldArray } from "formik";

import "./styles.css";



export default function App() {

  const [test, setTest] = useState(null);

  return (

    <Formik

      enableReinitialize

      initialValues={{

        test: test,

        name: "",

        email: "",

        phone: ""

      }}

    >

      {({

        values,

        touched,

        errors,

        handleChange,

        handleBlur,

        handleSubmit

      }) => (

        <>

          <button onClick={() => setTest("something")}>Update State</button>

          <br />

          <input

            placeholder="name"

            type="text"

            name="name"

            value={values.name}

            onChange={handleChange}

          />

          <br />

          <input

            placeholder="email"

            type="text"

            name="email"

            value={values.email}

            onChange={handleChange}

          />

          <br />

          <input

            placeholder="phone"

            type="text"

            name="phone"

            value={values.phone}

            onChange={handleChange}

          />

          <>

            <pre style={{ textAlign: "left" }}>

              <strong>Values</strong>

              <br />

              {JSON.stringify(values, null, 2)}

            </pre>

            <pre style={{ textAlign: "left" }}>

              <strong>Errors</strong>

              <br />

              {JSON.stringify(errors, null, 2)}

            </pre>

          </>

        </>

      )}

    </Formik>

  );

}

In order to replicate what I am talking about in the codesandbox first update the name, email, and phone number. Then hit the udate state button and everything will be reset

codesandbox https://codesandbox.io/s/wispy-sun-mzeuy?file=/src/App.js:0-1567