Error: failed to execute 'insertBefore' on 'Node'

[scottdixon]

What is the location of your example repository?

https://github.com/scottdixon/hydrogen-meta-exports-bug

Which package or tool is having this issue?

Hydrogen

What version of that package or tool are you using?

2024.7.8

What version of Remix are you using?

2.10.1

Steps to Reproduce

• Run npm run dev
• Go to http://localhost:3000/
• Click the Sneakers link
• Click the Home link

The storefront will throw a 500 error:

Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

Findings so far:

• I suspect it's got something to do with Tailwind. Commenting out tailwindcss() from vite.config.js prevents the issue.
• Can't replicate with h2 preview.
• A fresh Remix app doesn't exhibit the same behaviour.

Expected Behavior

Meta exports should work.

Actual Behavior

The storefront throws a 500:

Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

[wizardlyhel]

Not a meta export issue - https://github.com/remix-run/remix/issues/9242

This is very likely an issue that only appears in dev

[juanpprieto]

As a temporary workaround, I believe upgrading to React 19 seems to solve this issue.