title: How to use '@global' with React-JSS
body: <p>I'm using React-JSS and not understanding how to use '@global' to create global styles. <a href="https://cssinjs.org/jss-plugin-global/?v=v10.0.3" rel="nofollow noreferrer">The doc</a> doesn't indicate (as far as I can tell) how the global style gets feed/hooked into the React app. I created a sample app where I try feeding the global styles to the 'style' attribute of the top level component but that does not work.</p>
  
  <p><a href="https://codesandbox.io/s/sad-haibt-wv4bv?fontsize=14&amp;hidenavigation=1&amp;theme=dark" rel="nofollow noreferrer">codesandbox example</a></p>
  
  <p>Here is App.js</p>
  
  <pre class="lang-js prettyprint-override"><code>import React from "react";
  
  const styles = {
    "@global": {
      body: {
        color: "green"
      },
      a: {
        textDecoration: "underline"
      }
    }
  };
  
  export default function App() {
    return (
      &lt;div style={styles} className="App"&gt;
        &lt;h1&gt;Hello CodeSandbox&lt;/h1&gt;
        &lt;h2&gt;Start editing to see some magic happen!&lt;/h2&gt;
      &lt;/div&gt;
    );
  }
  
  </code></pre>