Skip to content

fix(router-core): handle AbortError in router execution flow #4570

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 5 commits into
base: main
Choose a base branch
from
Open

fix(router-core): handle AbortError in router execution flow #4570

Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
938b41e
fix(router-core): handle AbortError in router execution flow
leesb971204 Jul 3, 2025
e2a8074
test(react-router): add test for AbortError handling in loader with b…
leesb971204 Jul 4, 2025
8c8f463
test(solid-router): add test for AbortError handling in loader with b…
leesb971204 Jul 14, 2025
4b3e7f7
Merge branch 'main' into fix/bubbled-abortError
leesb971204 Sep 24, 2025
d39722e
refactor(router-core): move abortError exception logic due to start-rc
leesb971204 Sep 24, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 16 additions & 0 deletions packages/router-core/src/router.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2511,6 +2511,22 @@ export class RouterCore<
...head,
}))
} catch (e) {
if (
e instanceof DOMException &&
e.name === 'AbortError'
) {
const head = await executeHead()
updateMatch(matchId, (prev) => ({
...prev,
status:
prev.status === 'pending'
? 'success'
: prev.status,
...head,
}))
return
}

Copy link
Contributor Author

@leesb971204 leesb971204 Jul 3, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

According to the documentation, the abortController.abort() method throws an Error object of type DOMException with the name AbortError.
When this error is thrown during route loading, it is treated as a normal control flow and the route is updated to a valid state accordingly.

Copy link
Contributor Author

@leesb971204 leesb971204 Jul 3, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@SeanCassiere

I noticed you’ve explored similar concerns before(#4531), so I think it would be great to discuss this approach together.

let error = e

await potentialPendingMinPromise()
Expand Down