facebook / react

The library for web and native user interfaces.

Home Page:https://react.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Bug: broken app when namespaced tags in JSX

HectorLS opened this issue · comments

React version: "react": "^17.0.1"

Steps To Reproduce

Trying to generate a sitemap.xml.jsx got broken the moment i try to use namespaced tags

Link to code example: https://codesandbox.io/s/sitemap-wrong-ovyez?file=/src/sitemap.xml.jsx

The current behavior

Error message, app broken:

Namespace tags are not supported by default. React's JSX doesn't support namespace tags. You can set throwIfNamespace: false to bypass this warning.

Failed tries:

  • ❌ camelCase tag -> xhtmlLink
  • ❌ custom createElement using PascalCase -> xhtmlLink
  • ❌ interpolation tag creation const customTag = () => <xhtml:link />

The expected behavior

Apps working with a workaround for this.
note i'm asking for namespaced tag bug, not attributes, actually you can see a namespaced attribute working in the sample using interpolation.

To see the error message in the preview window click the right button side to the url Current module view

commented

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!