Implementing route based multi-step form with data router

[phoneticallySAARTHaK]

I have a multi-step form, and I want to make each step a separate route. Each step would only be accessible after all the previous ones are completed.

Currently, I'm using actionData in a hacky way to implement this:

Destination.tsx:

const data = useActionData();
if (!data) throw redirect(source)

Source.tsx:

submit({}, {action: destination});

Is there an alternative to this, that is available now?
I know this could using internal react state + dynamic segments (or just internal react state).