Better Remix Reset Handling.

[seanparsons]

Problem:
In our sample project when correcting a typo in a route, it has been observed that the canvas doesn't update with the now fixed code.

Cause:
There are two main causes to this:

• The previous logic that caught errors was only being triggered from the two error boundaries it had been written for.
• Seemingly the canvas reset didn't work in this case, potentially because no other change was triggered, as the canvas store was updated before the mount count was bumped.

Fix:
The two causes were addressed like so:

• A wrapper was implemented around useRouteError so that if it returns a non-null value, the pre-existing flag is set to true indicating an error happened.
• The logic for resetting the canvas has been moved to a dispatched action which is fired alongside the action for updating the code editor.

Commit Details:

• Removed handling of reset triggering from editorDispatchClosingOut.
• Added useRouteError wrapper to createBuiltInDependenciesList.
• reactRouterErrorTriggeredReset now returns a RESET_CANVAS action as required.
• Incoming updates from the code editor can now trigger the canvas reset.

Manual Tests:
I hereby swear that:

• I opened a hydrogen project and it loaded
• I could navigate to various routes in Preview mode

[github-actions]

Try me

[relativeci]

#13342 Bundle Size — 62.66MiB (~+0.01%).

49be9ee(current) vs 6339ece master#13341(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current #13342	Baseline #13341
Initial JS	45.71MiB(~+0.01%)	45.71MiB
Initial CSS	0B	0B
Cache Invalidation	22.28%	22.26%
Chunks	30	30
Assets	33	33
Modules	4374	4374
Duplicate Modules	524	524
Duplicate Code	31.7%	31.7%
Packages	469	469
Duplicate Packages	70	70

Bundle size by type   2 changes 1 regression 1 improvement

	Current #13342	Baseline #13341
JS	62.65MiB (~+0.01%)	62.64MiB
HTML	11.16KiB (-0.33%)	11.2KiB

---

Bundle analysis report Branch fix/better-remix-reset-handling Project dashboard