Submitting the login form with a valid-looking but incorrect email/password does not show an inline "invalid credentials" message. Instead the Axios 401 response is left uncaught, propagates to the route's error boundary, and the entire page is replaced with a fatal "SOMETHING WENT WRONG / 401 - Unauthorized" screen with only "Error Report" and "Reload Page" buttons.
Repro:
- Go to
/auth/login.
- Enter any email + any password that doesn't match an existing account.
- Click Login.
Console shows: AxiosError: Request failed with status code 401 bubbling up through <RouteComponent> to CatchBoundaryImpl.
The login mutation needs to catch this error and render it as a normal form error, not let it hit the route-level error boundary.
Submitting the login form with a valid-looking but incorrect email/password does not show an inline "invalid credentials" message. Instead the Axios 401 response is left uncaught, propagates to the route's error boundary, and the entire page is replaced with a fatal "SOMETHING WENT WRONG / 401 - Unauthorized" screen with only "Error Report" and "Reload Page" buttons.
Repro:
/auth/login.Console shows:
AxiosError: Request failed with status code 401bubbling up through<RouteComponent>toCatchBoundaryImpl.The login mutation needs to catch this error and render it as a normal form error, not let it hit the route-level error boundary.