Allow for framework based navigation

Preflight checklist

• I could not find a solution in the existing issues, docs, nor discussions.
• I agree to follow this project's Code of Conduct.
• 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

Hi,

I'm using the elements-react package and I'd like to understand if there's a way to allow my framework to handle navigation/redirects for rendered links.

As an example, the login component displays a "Recover Account" and "Sign Up" link that is a <a> </a> element which triggers a full browser redirect to Kratos which then redirects to the appropriate page with the flow ID. It would make for a smoother user experience if my framework could handle the redirect avoiding the need to re-fetch all the UI elements.

This is somewhat hinted at in the elements-react readme but it's limited to redirects in our code. There is also the OryFlowComponentOverrides but it doesn't seem like links can be overridden.

Describe your ideal solution

A way to override links in OryFlowComponentOverrides seems reasonable.

Workarounds or alternatives

None

Version

1.1.0

Additional Context

No response

Start with the elements-react README and the OryFlowComponentOverrides API described in the issue. Trace how the login component renders the "Recover Account" and "Sign Up" links, then determine the override surface needed so a framework can handle navigation without a full browser redirect; done means those links support framework-controlled redirects.