auth0-react doesn't play well with useNavigate and useBlocker #965
Description
Checklist
- The issue can be reproduced in the auth0-react sample app (or N/A).
- I have looked into the Readme, Examples, and FAQ and have not found a suitable solution or answer.
- I have looked into the API documentation and have not found a suitable solution or answer.
- I have searched the issues and have not found a suitable solution or answer.
- I have searched the Auth0 Community forums and have not found a suitable solution or answer.
- I agree to the terms within the Auth0 Code of Conduct.
Description
When wrapping a component with withAuthenticationRequired, having useNavigate in the same component, blockers don't activate.
We can provide a minimal sample project: https://github.com/blockademy/auth0-react-and-usenavigate
Reproduction
Use withAuthenticationRequired and useNavigate at the same time (as in https://github.com/blockademy/auth0-react-and-usenavigate/blob/main/src/AuthGuard.tsx)
Then configure a react Blocker anywhere.
Additional context
No response
auth0-react version
2.8.0
React version
19.2.0
Which browsers have you tested in?
Chrome