title: How to set CSP for allowing inline Material-UI styles written in JSS for a React Application?
body: <p>I need some help figuring out CSP on my project. I am using MaterialUI and the <code>withStyles/useStyles</code> method to inject styles onto my components by writing JSS.</p>
  
  <p>Now, the backend has implemented CSP which was a requirement from the client and the Response Header now comes with the following value <code>Content-Security-Policy: default-src *.websiteHostedHere.net</code></p>
  
  <p>This is causing the inline styles to not load and it throws Refused to apply inline style because it violates the following Content Security Policy directive while trying to load it.</p>
  
  <p>The only ways I have found to run it is if backend sends unsafe-line in the headers as well but this very well defeats the purpose of CSP if I understand correctly or to send a nonce but still trying to figure out how to do it.</p>
  
  <p>I don't have any experience with CSP, so any comment or solution is welcome!</p>