Bug report

Describe the bug

When using React.Fragment like this:

import React from "react";

export default function Page() {
  const X = React.Fragment;
  return (
    <div>
      <style jsx global>{`
        html {
          margin: 0;
        }
      `}</style>
      <X>Hello</X>
    </div>
  );
}

You get this warning from React in the console:

Warning: Invalid prop `className` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.

To Reproduce

CodeSandbox: https://codesandbox.io/s/adoring-wescoff-udecy?file=/pages/index.js

Tested with Next 9.6.0 and 10.0.1

Feel free to transfer the issue to the styled-jsx repo if it makes more sense