Read state onSubmit

I expect that after action(data) the state would be updated. But it remains the previous state. How do I access the updated state?

const onSubmit = (data) => {
    action(data)
    console.log('data:', data) // partial store
    console.log('state:', state) // previous state
  }

This is invoked using RHF: <form onSubmit={handleSubmit(onSubmit)}>

[ptim]

Really appreciating all the examples 👍

@kevinsproles Here’s the where the useEffect would go in the example CSB from the docs for WizardFormFunnel: https://codesandbox.io/s/form-wizard-pages-kkg7m?file=/src/Result.js:153-204

Something like:

useEffect(() => {
    // post to backend here
    console.info(state);
    // eslint-disable-next-line react-hooks/exhaustive-deps
}, []);

[raffibesik]

I’ve encountered this issue as well but I believe I have figured out a work around though by simply using the Object.assign() function to the current state with the data from the current step/page/component.

const {actions, state} = useStateMachine({updateAction});
const onSubmit = async (data) => {
    actions.updateAction(data);
    Object.assign(state.yourDetails, data);
    console.log(state.yourDetails);
};