I'm using React-JSS and not understanding how to use '@global' to create global styles. The doc 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.
Here is App.js
import React from "react";
const styles = {
"@global": {
body: {
color: "green"
},
a: {
textDecoration: "underline"
}
}
};
export default function App() {
return (
<div style={styles} className="App">
<h1>Hello CodeSandbox</h1>
<h2>Start editing to see some magic happen!</h2>
</div>
);
}