Media queries not supporting when passing props in class, with multiple item with same class.

[killuox]

Expected behavior:
When I create a class function (passing props) , and I use media queries , the media queries should affect all elements that has that class.

Describe the bug:
The class only affect the first element the rest dont have the properties that the media queries give.

Reproduction:
Heres a codeSanbox with the bug in question.
https://codesandbox.io/s/rendering-emotion-vs-styled-components-vs-jss-forked-hoyd4v?file=/index.js:254-259

Versions (please complete the following information):

• jss: 10.6.0
• Browser [e.g. chrome, safari]: codeSandbox(chrome)
• OS [e.g. Windows, macOS]: windows