Application Error: failed to execute insertBefore on Node

[0ctan33]

I'm using React Router as a...

framework

Reproduction

Same issue as this Remix issue after RRv7 migration: remix-run/remix#9242

System Info

Binaries:
    Node: 22.12.0
    Yarn: 1.22.21
    npm: 10.9.2
  npmPackages:
    @react-router/dev: ^7.0.0 => 7.0.2
    @react-router/serve: ^7.0.0 => 7.0.2
    react-router: ^7.0.0 => 7.0.2
    vite: ^5.1.0 => 5.4.11

Used Package Manager

npm

Expected Behavior

After HMR any new navigation to a route that contains a MetaFunction will work as intended.

Actual Behavior

After a HMR any new navigation to a route that contains a MetaFunction will fail and require a full page refresh during development. Refer to pre-existing Remix issue for further information. Ensuring Links is before Meta in root.tsx fixes this.

[timdorr]

Can you create a reproduction of this issue?

This may be a solution: remix-run/remix#9242 (comment)

[0ctan33]

Hey @timdorr ! That's correct, it's 1:1 with that original Remix issue & swapping Links & Meta as per that comment fixes it. Is this the best long term solution?

This here reproduces the bug: https://github.com/brophdawg11/remix-run-issue-9242-repro
Navigate to a route, update any file to trigger HMR then navigate to a different route and you will get the errors and the app will crash.