Skip to content

fix(compiler): JSX Runtime Hydration Failure#6595

Merged
johnjenkins merged 1 commit intostenciljs:mainfrom
Jagget:react-jsx
Feb 10, 2026
Merged

fix(compiler): JSX Runtime Hydration Failure#6595
johnjenkins merged 1 commit intostenciljs:mainfrom
Jagget:react-jsx

Conversation

@Jagget
Copy link
Contributor

@Jagget Jagget commented Feb 10, 2026

When using the new JSX runtime (jsx: "react-jsx" with jsxImportSource: "@stencil/core"), client-side hydration fails with <undefined></undefined> appearing in shadow DOM.

Cause

Rollup bundled @stencil/core/jsx-runtime separately from @stencil/core, creating duplicate runtime code with different minified VNode property names. The jsx-runtime chunk used {v: "div"} for tags while the main runtime expected {V: "div"}, causing vnode.$tag$ to return undefined.

Fix

Modified coreResolvePlugin to resolve @stencil/core/jsx-runtime to the same internal client path as @stencil/core, ensuring consistent minification across all chunks.

@Jagget Jagget requested a review from a team as a code owner February 10, 2026 02:30
@johnjenkins johnjenkins added this pull request to the merge queue Feb 10, 2026
Merged via the queue into stenciljs:main with commit 8a34ac5 Feb 10, 2026
69 checks passed
johnjenkins added a commit that referenced this pull request Feb 17, 2026
@Jagget Jagget deleted the react-jsx branch March 19, 2026 13:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants