title: Does my Gatsby project have a react's rehydration issue?
body: <p>I'm writing a simple project using Gatsby, Grommet and React, basically reads a markdown file then renderer; following the gatsby tuturials. </p>
  
  <p>Everything is Ok, except on the first load of any page.</p>
  
  <p>The main content disappear soon after it render itself. If the JavaScript is disabled, the issue doesn't happen. So, I think I committed some mistake that impedes React's rehydration.</p>
  
  <p>Bellow there a link to a video of the issue happening, the source-code and a public URL for test.</p>
  
  <p>I'm pulling my hairs out, thanks in advance for any tip!</p>
  
  <p><strong><em>Links:</em></strong> </p>
  
  <ul>
  <li><p><a href="https://imgur.com/a/cLCXbIH" rel="nofollow noreferrer">video</a></p></li>
  <li><p><a href="https://5df95069d9cbaf92afea677a--viralizedfy.netlify.com/test-1/" rel="nofollow noreferrer">public deployed url</a></p></li>
  <li><p><a href="https://github.com/skhaz/viralizedfy.gatsby" rel="nofollow noreferrer">source-code</a></p></li>
  </ul>