jsxRuntime pragma does not work

[clemyan]

🔎 Search Terms

jsxRuntime

🕗 Version & Regression Information

• This is the behavior in every version I tried, and I reviewed the FAQ for entries about jsxRuntime

⏯ Playground Link

https://www.typescriptlang.org/play/?jsx=4&ts=5.6.0-dev.20240717#code/PQKgBAAgVgzgHgJQK4DsAuBLAtgUzAYwBsBDGGDfMEYAKBzgAcB7AJzQKZRnYAkdDCTAOqtCAEzABeMAAoAlFIB8YADwALAIyK+ApmADuosSuCbFAbiA

💻 Code

/* @jsxRuntime classic */
export const HelloWorld = () => <h1>Hello world</h1>;

🙁 Actual behavior

The jsxRuntime pragma is not respected and function emit follows the jsx option in the TSConfig.

For example, with "jsx": "react-jsx", the function is emitted as

export const HelloWorld = () => _jsx("h1", { children: "Hello world" })

🙂 Expected behavior

The jsxRuntime pragma is respected and the function is emitted as

export const HelloWorld = () => React.createElement("h1", null, "Hello world")

Additional information about the issue

The code above is copied verbatim from the TSConfig Reference

[clemyan]

I see the linked PR is released in 5.6.2, but that only works when the jsx compiler option is react or react-jsx(dev), and so the pragma only allows switching between the two. The pragma is still ignored if jsx is react-native or preserve.

Is that intended?