title: Helmet is not a valid jsx element
body: <p>i have this problem in the react boilerplate template.</p>
  <p>typsecript error<br />
  'Helmet' cannot be used as a JSX component.
  Its instance type 'Helmet' is not a valid JSX element.  TS2786</p>
  <pre><code>     7 |   return (
       8 |     &lt;&gt;
    &gt;  9 |       &lt;Helmet&gt;
         |        ^
      10 |         &lt;title&gt;404 Page Not Found&lt;/title&gt;
      11 |         &lt;meta name=&quot;description&quot; content=&quot;Page not found&quot; /&gt;
      12 |       &lt;/Helmet&gt;
  </code></pre>
  <p>imported as</p>
  <pre><code>import { Helmet } from 'react-helmet-async';
  </code></pre>
  <p>investigating the &quot;&quot; shows this error</p>
  <p>HelmetProvider' cannot be used as a JSX component.
  Its instance type 'HelmetProvider' is not a valid JSX element.
  Type 'HelmetProvider' is missing the following properties from type 'ElementClass': render, context, setState, forceUpdate, and 3 more.ts(2</p>
  <pre><code>`import { HelmetProvider } from 'react-helmet-async';
  </code></pre>
  <p>why is this not working?</p>