title: react-helmet not recognzing any dynamic meta properties
body: <p>I'm using react to generate preview images for platforms like whatsapp and facebook. Ideally, if there is a specific url with a specific product, for example, then I would want the preview image to show the specific image for that product.</p>
  <p>Right now, I got a general image to work. In my <code>index.html</code>, if I add the line like,</p>
  <pre><code>    &lt;meta
        property=&quot;og:image&quot;
        content=&quot;https://images.unsplash.com/photo-1616277239237-1c50214ffa78?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&amp;ixlib=rb-1.2.1&amp;auto=format&amp;fit=crop&amp;w=1301&amp;q=80&quot;
      /&gt;
  </code></pre>
  <p>then if I paste my site url into whatsapp, the preview image will show this image.</p>
  <p>I also have a <code>Page</code> component that looks like this,</p>
  <pre><code>import * as React from &quot;react&quot;;
  import Helmet from &quot;react-helmet&quot;;
  
  export default function Page({ meta, children }) {
    const { ogImage, ogDescription, ogTitle } = meta;
  
    return (
      &lt;div&gt;
        &lt;Helmet&gt;
          &lt;title&gt;{ogTitle}&lt;/title&gt;
          &lt;meta property=&quot;og:title&quot; content={ogTitle} /&gt;
          &lt;meta property=&quot;og:image&quot; content={ogImage} /&gt;
          &lt;meta property=&quot;description&quot; content={ogDescription} /&gt;
        &lt;/Helmet&gt;
        {children}
      &lt;/div&gt;
    );
  }
  </code></pre>
  <p>And a specific product would have a url similar to,</p>
  <pre><code>http://&lt;domain&gt;.com/product/123
  </code></pre>
  <p>But if I paste that url into whatsapp, I will only see the image that is listed in my <code>index.html</code>.</p>
  <p>What am I doing wrong here?</p>
  <p>Here's an example of my code:</p>
  <p><a href="https://codesandbox.io/s/lingering-fire-fz30h?file=/src/Page.js" rel="nofollow noreferrer"><img src="https://codesandbox.io/static/img/play-codesandbox.svg" alt="lingering-fire-fz30h?" /></a></p>