¿Cómo puedo convertir mi siguiente código usando Formik o TexField para crear un formulario de varios pasos (de tal manera que pueda usar Yup después)? He probado los dos pero no funciona...

 export default function Information() { const [userData, setUserData] = useState({}); const handleChange = (e) => { const { value, checked } = e.target; setUserData((userData) => ({ ...userData, [value]: checked })); }; return ( <div className="flex flex-col "> Title : <input onChange={handleChange} value={userData["title"]} name="title" placeholder="Title" /> </div> ... ); }

Aquí mi código

Esto es lo que se espera que tenga si uso Yup: