title: The <Thumbnail /> is not showing
body: <p>This is my Results.js</p>
  <p><img src="https://i.stack.imgur.com/iqm3M.png" alt="1" /></p>
  <p>This is my Thumbnail.js</p>
  <pre><code>`import React from &quot;react&quot;;
  
  const Thumbnail = ({ result }) =&gt; {
    return (
      &lt;div&gt;
        &lt;h1&gt;Thumbnail&lt;/h1&gt;
      &lt;/div&gt;
    );
  };
  
  
  export default Thumbnail;`
  </code></pre>
  <p>This is in my index.js</p>
  <p><code>&lt;Results results={results} /&gt;</code></p>
  <p>When I want to call Thumbnail in Results.js, why the  in Results.js not showing ?</p>