title: next.js Head imported from next/head doesn't work properly on share pages
body: <p>I've migrated from create-react-app to create-next-app to my website, but the Head(app/head) component isn't working properly</p>
  <p>Assuming I have a blog, and in pages, I have the following structure: pages/blog/index.js, pages/blog/[slug].js.
  In [slug].js, I'm using the Head component so it takes the title of the blog post:
  <code>&lt;Head&gt;&lt;title&gt;{post.title}&lt;/title&gt;&lt;/Head&gt;</code>
  The problem is that when using react-share on the blog post it doesn't put the right title, even when I do an inspect element on the page, I can see the right Head values, but the Facebook debug (<a href="https://developers.facebook.com/tools/debug/" rel="nofollow noreferrer">https://developers.facebook.com/tools/debug/</a>) tool doesn't recognize the right title.</p>
  <p>Any help will be used. thanks, guys</p>