Bug: ℗ is escaped as text

[lfuelling]

React version: 19.2.0

Steps To Reproduce

Put ℗ into any react component text, or use this minimal component:

const Test = () => { return (<>&copysr;</>); }

Link to example: https://codesandbox.io/p/devbox/snowy-tree-xwdkyk

The current behavior

The page shows the text "℗"

The expected behavior

The page should show ℗

Current Workaround

Input ℗ to get ℗.

[kolvian]

Hi, @lfuelling! I believe this is a bug in Babel, specifically the @babel/parser and @babel/plugin-transform-react-jsx packages. These packages handle all of the HTML entity decoding in React. This is already a known issue in Babel, and I'll create a PR to fix this, which I'll link here. In the meantime, you can use the numeric entities as a workaround.

[kolvian]

As it turns out, this is an intentional exclusion from Babel to align with the JSX standards, since including support for HTML-5 encoding would be a breaking change to legacy websites. There's been a lot of past discussion about it here. For now, HTML-5 encoding will not be included.

[github-actions]

This issue has been automatically marked as stale. If this issue is still affecting you, please leave any comment (for example, "bump"), and we'll keep it open. We are sorry that we haven't been able to prioritize it yet. If you have any new additional information, please include it with your comment!

[github-actions]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please create a new issue with up-to-date information. Thank you!

[lfuelling]

this is so ridiculous lmao