SWC does not catch nested `styled-jsx` tags in props about next.js

[vpontis]

Just to have the code on this page as well:

export default function SimplePage() {
  return (
    <ComponentWithChildAsProp
      trigger={
        <>
          <div className={"text animated"}>Text</div>

          <style jsx>{`
            .text {
              color: blue;

              // This should either get transpiled by SWC
              // or should cause a build error about
              // nested styled jsx tags.
              // https://nextjs.org/docs/messages/nested-styled-jsx-tags
              //
              // Instead, it causes a hydration error,
              // because & gets replaced with an &amp;
              // *Remove* to fix the hydration error.
              &:hover {
                color: red;
              }
            }
          `}</style>
        </>
      }
    />
  );
}

[kdy1]

swc-project/plugins#292 should fix this issue. I'll close this issue with a PR to update styled-jsx rust crate in next-swc