En esta caja de códigos, todavía puedo ver los valores anteriores que se guardaron. Sin embargo, si uso un modo de incógnito, los códigos y la caja funcionan correctamente. No muestra los valores anteriores que se enviaron.

Este es el codesandbox: https://codesandbox.io/s/react-hook-form-data-in-step-1-and-step-2-editing-the-variable-names-wgv169?file=/src/ Paso2.js

Aclarando el estado:

 export default function clearAction(state, payload) { return { data: {} }; } const Step2 = (props) => { const { state, action } = useStateMachine(updateAction, clearAction); const onSubmit = (data) => { action(data); action(); push("/result"); }; return ( <form onSubmit={handleSubmit(onSubmit)}> //input fields here </form> ); };