Gatsby: The site is empty after going back

[whs-dot-hk]

Description

Describe the issue that you're seeing.

I see nothing, the page is blank.

Steps to reproduce

1) Visit https://www.gatsbyjs.org/showcase
2) Click on ReactJS
2) Click the purple visit site button
3) Go back

Clear steps describing how to reproduce the issue. Please please please link to a demo project if possible, this makes your issue _much_ easier to diagnose (seriously).

Expected result

What should happen?

See the original page.

Actual result

What happened.

Blank

Environment

Run npx gatsby info --clipboard in your project directory and paste the output here.

[JacobBlomgren]

Interesting. I can reproduce on my machine. The console shows TypeError: Cannot read property 'json' of undefined and this https://github.com/gatsbyjs/gatsby/blob/3971ed4d6cc788b2fdc44d3b197bfe3fe68037ab/packages/gatsby/cache-dir/public-page-renderer-prod.js#L12 seems to be the line that breaks.

Edit: The really interesting thing is that I get in on desktop, but not on mobile or a smaller desktop window. It's not a popup for smaller windows, so maybe that has something to do with it.

[whs-dot-hk]

Hi, my error looks like this

[t2ca]

Im getting the same error and the blank page.

TypeError: Cannot read property 'json' of undefined
    at c (public-page-renderer-prod.js:12)

[whs-dot-hk]

Looks like the findpage function is null

https://github.com/gatsbyjs/gatsby/blob/3971ed4d6cc788b2fdc44d3b197bfe3fe68037ab/packages/gatsby/cache-dir/loader.js#L163

but I can't fire a debugger to confirm

How to debug a built gatsbyjs site?

[yogeshkotadiya]

Not just reactjs.org site but all the sites.

• Go to showcase Page
• Click on any site title.
• Press Reload button.

[JacobBlomgren]

@whs-dot-hk Do you want to take a stab at this? Otherwise I can try.

[whs-dot-hk]

@JacobBlomgren You can

[JacobBlomgren]

I think I know what causes this. The location state here https://github.com/gatsbyjs/gatsby/blob/master/www/src/templates/template-showcase-details.js#L78 says that it should be a modal, but since the page is refreshed, it doesn't have the data to render the /showcase background page here https://github.com/gatsbyjs/gatsby/blob/master/www/src/components/layout.js#L71, which causes the crash described above. One solution would be show it without a modal, as it is when server side rendered, but I don't know how to detect the special case where the user has gone back/refreshed. It's kinda tricky. Don't know if it's worth solving @gatsbyjs/website ?

[gatsbot[bot]]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

Thanks for being a part of the Gatsby community! 💪💜

[whs-dot-hk]

Someone fixed it! It works in firefox now (lol, only after I install noscript), but chrome.

[wardpeet]

Can't seem to reproduce it anymore in chrome & firefox. I'm closing this, feel free to re-open if I'm wrong on this one.

[whs-dot-hk]

@wardpeet The bug is still there

[wardpeet]

@whs-dot-hk could you give me your browser info as it did work for me

[whs-dot-hk]

@wardpeet My chrome version is 73.0.3683.86. Firefox is 66.0.2.

[whs-dot-hk]

@wardpeet I have just post a PR. It should fix the problem above.