Firefox blocked resource due to Type mismatch
<p><strong>The resource from <code>http://some-address/script.jsx</code> was blocked due to MIME type mismatch (X-Content-Type-Options: nosniff).</strong><br>
This issue I get in console of Firefox (Chrome seems doesn't care about it).
Here's a screenshot of console:<br>
<a href="https://i.stack.imgur.com/p0jp6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/p0jp6.png" alt="enter image description here"></a><br>
I searched for a while trying to find how tot fix it, but failed. Here's the HTML part of the code.
<a href="https://i.stack.imgur.com/fcPX5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fcPX5.png" alt="enter image description here"></a>  </p>

<p>As far as I've understood the problem is due to <strong>type="text/babel"</strong>. But if I would change it to type="text/javascript" then Babel doesn't transpile the script to ES5. </p>