Disable interactive elements until the form is ready

[aeneasr]

Preflight checklist

• [x] I could not find a solution in the existing issues, docs, nor discussions.
• [x] I agree to follow this project's Code of Conduct.
• [x] I have read and am following this repository's Contribution Guidelines.
• [ ] I have joined the Ory Community Slack.
• [ ] I am signed up to the Ory Security Patch Newsletter.

Ory Network Project

No response

Describe your problem

Elements like buttons sometimes don't trigger onClick because react has not yet hydrated everything. It still shows up though because of SSR.

Describe your ideal solution

We should disable interactive elements such as visible input forms, buttons, and submit actions with disabled=true until the form is ready to handle events. react-hook-form should have an easy way to identify in which state the form is to solve this.

Workarounds or alternatives

None

Version

master

Additional Context

No response