title: Font Awesome 5 icons not working with React ("Could not find icon" error)
body: <p>I'm trying to use Font Awesome 5 Pro (I have a license) in my React project, and I've followed the instructions in the <a href="https://www.npmjs.com/package/@fortawesome/react-fontawesome" rel="noreferrer">API</a> to the best of my ability, but I'm still having issues.</p>
  
  <p>In my project, I used npm to install fontawesome, fontawesome-common-types, fontawesome-pro-light, fontawesome-pro-regular, fontawesome-pro-solid, and react-fontawesome. All those folders are in my node_modules/@fortawesome/ directory</p>
  
  <p>In my App.js, I have these imports (this isn't the whole file, just the relevant snippets):</p>
  
  <pre><code>import fontawesome from '@fortawesome/fontawesome';
  import FontAwesomeIcon from '@fortawesome/react-fontawesome';
  import {faSpinnerThird, faCircle} from '@fortawesome/fontawesome-pro-regular/';
  
  fontawesome.library.add(faSpinnerThird, faCircle);
  </code></pre>
  
  <p>Then I have another component, Spinner.js, with this code:</p>
  
  <pre><code>import React from 'react';
  import FontAwesomeIcon from '@fortawesome/react-fontawesome';
  
  const spinner = () =&gt; (
      &lt;div className="fa-layers fa-fw"&gt;
          &lt;FontAwesomeIcon icon="circle" color="#ddd" /&gt;
          &lt;FontAwesomeIcon icon="spinner-third" color="#aaa" spin /&gt;
      &lt;/div&gt;
  );
  
  export default spinner;
  </code></pre>
  
  <p>In another component, I'm importing the Spinner component and rendering it conditionally, but when it gets rendered, I get these errors in my browser console:</p>
  
  <pre><code>Could not find icon
  Object { prefix: "fas", iconName: "circle" }
  
  Could not find icon
  Object { prefix: "fas", iconName: "spinner-third" }
  </code></pre>
  
  <p>I'm pretty new to React, but I <em>think</em> I've followed the instructions in FontAwesome's React API correctly. Any idea where I might be going wrong?</p>