[Typo]: <style> syntax looks wrong

[mayank99]

Summary

The new <style> page shows this snippet at the very top:

<style> p { color: red; } </style>

While it is totally valid in regular HTML, it does not work in JSX (would be nice if it did though).

Error

/src/App.js: Unexpected token, expected "}" (3:21)

  1 | export default function App() {
  2 |   return (
> 3 |     <style> p { color: red; } </style>
    |                      ^
  4 |   );
  5 | }
  6 |

Page

https://react.dev/reference/react-dom/components/style

Details

I believe JSX requires this workaround:

<style>{` p { color: red; } `}</style>

[rickhanlonii]

Fixed in #6641