title: SEC_ERROR_INADEQUATE_KEY_USAGE in firefox for react app with HTTPS=true & HOST=xxx
body: <p>I have a <code>SEC_ERROR_INADEQUATE_KEY_USAGE</code> error in firefox for a react application created with <code>create-react-app</code> when I specify a custom <code>HOST</code> and <code>SSL=true</code></p>
  <p>To reproduce the issue:</p>
  <ol>
  <li><p>create a new react app</p>
  <pre><code>npx create-react-app testssl 
  </code></pre>
  </li>
  <li><p>add a <code>.env</code> file with</p>
  <pre><code>HTTPS=true
  HOST=test.local
  </code></pre>
  </li>
  <li><p>ensure <code>test.local</code> map to <code>127.0.0.1</code> in your hosts file</p>
  <pre><code># &quot;C:\Windows\System32\drivers\etc\hosts&quot;
  127.0.0.1 test.local
  </code></pre>
  </li>
  <li><p>launch the application</p>
  <pre><code>npm run start
  </code></pre>
  </li>
  </ol>
  <p>In chrome I have a <code>security error</code> but I can bypass it</p>
  <p><a href="https://i.stack.imgur.com/uLRIN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/uLRIN.png" alt="error in chrome" /></a></p>
  <p>In firefox I have a <code>SEC_ERROR_INADEQUATE_KEY_USAGE</code> and I can't find a way to bypass it :</p>
  <p><a href="https://i.stack.imgur.com/P3AcM.png" rel="noreferrer"><img src="https://i.stack.imgur.com/P3AcM.png" alt="Firefox error" /></a></p>
  <p>Is there any way to bypass this error for firefox ?</p>
  <p>I have this error with windows environment, not sure about linux.</p>