title: React Helmet: Facebook Open Graph
body: <p>So I've got <strong><code>react helmet</code></strong> working on my client-side app to re-render <code>facebook</code> <code>og</code> tags into the head depending on which page is active in the app.</p>
  
  <p>however the <code>facebook</code> debugger and <code>facebook</code> itself don't pick any of this up. am i missing something ? is this only possible with server-side rendered pages? </p>
  
  <p>i hope not as i'll have to learn <code>node.js</code>! </p>
  
  <pre><code> &lt;Helmet&gt;
      &lt;title&gt;{props.title}&lt;/title&gt;
      &lt;meta property="og:url" content={ogUrl} /&gt;
      &lt;meta property="og:type" content={props.type} /&gt;
      &lt;meta property="og:title" content={props.title} /&gt;
      &lt;meta property="og:description" content={props.desc} /&gt;
      &lt;meta property="og:image" content={ogImg} /&gt;
   &lt;/Helmet&gt;
  </code></pre>