title: Type '{}' is not assignable to type 'ReactNode'
body: <p>I got this error, but only in Vercel, not locally, why?</p>
  <pre><code>error: 'FontAwesomeIcon' cannot be used as a JSX component.
  </code></pre>
  <pre><code>./components/Services/ServiceContainer.tsx:25:6
  12:01:54.967    Type error: 'FontAwesomeIcon' cannot be used as a JSX component.
  12:01:54.967      Its element type 'ReactElement&lt;any, any&gt; | Component&lt;FontAwesomeIconProps, any, any&gt;' is not a valid JSX element.
  12:01:54.968        Type 'Component&lt;FontAwesomeIconProps, any, any&gt;' is not assignable to type 'Element | ElementClass'.
  12:01:54.968          Type 'Component&lt;FontAwesomeIconProps, any, any&gt;' is not assignable to type 'ElementClass'.
  12:01:54.968            The types returned by 'render()' are incompatible between these types.
  12:01:54.968              Type 'React.ReactNode' is not assignable to type 'import(&quot;/vercel/path0/node_modules/@types/styled-jsx/node_modules/@types/react/index&quot;).ReactNode'.
  12:01:54.968                Type '{}' is not assignable to type 'ReactNode'.
  </code></pre>
  <pre class="lang-js prettyprint-override"><code>import Head from 'next/head'
  import Image from 'next/image'
  import styles from '../../styles/Services/ServiceContainer.module.css'
  import { IconProp } from '@fortawesome/fontawesome-svg-core'
  import dynamic from 'next/dynamic'
  const FontAwesomeIcon = dynamic(
      async () =&gt; (await import('@fortawesome/react-fontawesome')).FontAwesomeIcon
  )
  
  export default function ServiceContainer(props: {
      title: string
      list?: string[]
      icon: IconProp
      text?: string
      isContainerNarrow?: boolean
  }) {
      const { title, list, icon, text, isContainerNarrow } = props
      return (
          &lt;div
              className={`${styles.serviceBoxContainer} ${
                  isContainerNarrow ? styles.narrow : styles.wide
              }`}
          &gt;
              &lt;div className={styles.serviceBox}&gt;
                  &lt;FontAwesomeIcon icon={icon} className={styles.icon} /&gt;
                  &lt;div className={styles.serviceBoxInner}&gt;
                      &lt;h2 className={'h2_2'}&gt;{title}&lt;/h2&gt;
                      {list &amp;&amp; (
                          &lt;ul&gt;
                              {list.map((listItem: string) =&gt; (
                                  &lt;li key={listItem}&gt;{listItem}&lt;/li&gt;
                              ))}
                          &lt;/ul&gt;
                      )}
                      {text &amp;&amp; &lt;p&gt;{text}&lt;/p&gt;}
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      )
  }
  </code></pre>
  <pre class="lang-json prettyprint-override"><code>{
      &quot;dependencies&quot;: {
          &quot;@date-io/date-fns&quot;: &quot;^1.3.13&quot;,
          &quot;@fortawesome/fontawesome-common-types&quot;: &quot;^6.1.1&quot;,
          &quot;@fortawesome/fontawesome-svg-core&quot;: &quot;^6.1.1&quot;,
          &quot;@fortawesome/free-solid-svg-icons&quot;: &quot;^6.1.1&quot;,
          &quot;@fortawesome/react-fontawesome&quot;: &quot;^0.1.18&quot;,
  </code></pre>