Steps to reproduce:

I'm able to reproduce this. I'll start looking into it
That's strange! I'm able to reproduce it in nodejs.dev but not in Local.
Did you try on production build? yarn build; gatsby serve
Only thing I found is the link is returning 404 error but you might have found it already 😛
I'll try to do more research
I think I understood the problem.
On hard refreshing the page, for a split second, the current URL is returning 404 error, which in turn triggering rendering of the page <Page404 />

But within a second, the call is getting successful and data is getting populated. The data in
<p>
The page you're trying to access does not exist. Go back to the
Homepage or find what you're looking for in the menu.
</p>
<p>
Take me back to the <a href="/">Homepage</a> →
</p>
is being remained unchanged. Hence, the page is looking like below with static content persist and dynamic content being replaced.

I tried various fixes but nothing worked. Any pointers will be helpful !
@KirankumarAmbati Thanks for all the work :] Seems to be an issue which will be fixed in #84 I'll check 👍
Okay @LaRuaNa. Thanks!
I noticed that #84 is already closed and code is merged. Is it not deployed to PROD yet ?
@KirankumarAmbati Sorry I meant #157 :]
Seems to be solved. Can you reproduce ? @KirankumarAmbati
@LaRuaNa No. This is no more reproducible.
Most helpful comment
@LaRuaNa No. This is no more reproducible.