Questions when using multiStep form with dynamic steps/pages

Hi,

I am creating a multi-step form with dynamic steps/pages and facing some problems.

Here is the simplify code. https://stackblitz.com/edit/react-kw8ntc

The scenario of my case is

1. Fill Reference No.,
2. Check Step 3, then click Next
3. Fill all fields, then click Previous
4. Uncheck Step 3, check Step 4, then click Next
5. Fill all fields, and click Submit.

The form cannot be submitted. I think it keeps Step 3 error status.

I tried to remove the statuses by using setValue, setTouched, setError but it seems not working.

My questions are:

1. Is it a correct way to reset status(values and errors) for specific fields?
2. Is there any simple way to remove the whole (step/page)'s values?
3. Is there any way to set keepState to the Step/Page instead of fields?
4. What is the purpose of setting step on the field?

Sorry to bother you with so many questions, but thank you for your patience.

[joepuzzo]

Ok so I got you! I have refactored and added some cool shit! Stand by for another 20 minutes and I will update the docs!

[PhilObi]

Done! https://joepuzzo.github.io/informed/?path=/story/multistep-forms--complex-multistep

Is this functionality still available I get redirected whenever I use the link.