Homepage layout problem

[john012343210]

I think there is a bug in the official demonstration in semantic-ui-react

https://react.semantic-ui.com/layouts/homepage/

It is Okay when you open it the first time, however, when you refresh the page, it becomes messy. Where is the bug?

A clear and concise description of steps to reproduce the problem.

Expected Result

Actual Result

[welcome]

👋 Thanks for opening your first issue here! If you're reporting a 🐞 bug, please make sure you've completed all the fields in the issue template so we can best help.

We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can.

[layershifter]

Was fixed in #3373.

[john012343210]

Was fixed in #3373.
Sorry but I think the bug remains,
I have downloaded the code and run on local to test it.
You can also try to visit
https://react.semantic-ui.com/layouts/homepage/
and refresh the page to reproduce the bug.

[layershifter]

It was fixed, but was not released yet 🏷 Served locally (yarn build:docs:staging) production build and everything is fine there:

[john012343210]

Thanks so much for your reply. May I ask one silly question?

There are 3 files changed corresponding to this issue.
I am already using the updated version of the middle file , which is HomepageLayout.js.
But the bug remains. Is it because HomepageLayout.js. file rely on the first and third file?

[layershifter]

But the bug remains.

Sorry, what do you mean? I don't understand. You have issues with Responsive and SSR?
Please check #3361 (comment) and https://codesandbox.io/s/ly3zpw7yzm

[john012343210]

Oh.Thank you so much. All 3 solutions provided by you are great. The NoSSR component works perfectly.