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

__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

Start by reproducing the behavior in the linked CodeSandbox, focusing on the example in index.js around lines 254-259 with JSS 10.6.0. Trace how a class function with props and its media query are generated for repeated elements, then verify that the media-query properties apply to every element sharing the class.

Written by the indexing model from the issue text.