Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Modal breaks SSR

See original GitHub issue

Hello,

Using Modal with SSR specifically using next.js breaks SSR for some reason. Any ideas why that might be? I am not sure if it is specific to semantic or next.js

Steps

git clone https://github.com/kolpav/semantic-ui-ssr-bug
cd semantic-ui-ssr-bug
yarn
yarn dev

Expected Result

Should not break SSR

Actual Result

Breaks SSR

Warning: React attempted to reuse markup in a container but the checksum was invalid. This generally means that you are using server rendering and the markup generated on the server was not what the client was expecting. React injected new markup to compensate which works but you have lost many of the benefits of server rendering. Instead, figure out why the markup being generated is different on the client or server:
 (client) v data-reactid="2"><span data-reactid="3
 (server) v data-reactid="2"><!-- react-empty: 3 -

Version

0.67.2

Testcase

https://github.com/kolpav/semantic-ui-ssr-bug

Issue Analytics

State:
Created 6 years ago
Reactions:1
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

vilvadotcommented, Oct 25, 2017

Any update on this? Experiencing exactly the same issue on version 0.75.1

1reaction

levithomasoncommented, Sep 24, 2017

Hey folks, thanks for showing support. It would be most helpful if you could use the react button opposed to posting a comment. Comments trigger emails and notifications for us.