React-custom-scrollbars: Custom scrollbars break SSR because of different markup on client and server

Created on 28 Jul 2017  路  2Comments  路  Source: malte-wessel/react-custom-scrollbars

Warning looks like this:

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) :touch;margin-right:-17px;margin-bottom:
 (server) :touch;margin-right:0;margin-bottom:0;" 

Most helpful comment

Hi, maybe you forgot the universal prop

All 2 comments

Hi, maybe you forgot the universal prop

Oh, that did the trick. I didn't notice this prop. Thanks.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

hank7444 picture hank7444  路  5Comments

umer4ik picture umer4ik  路  4Comments

simonkberg picture simonkberg  路  3Comments

luxotus picture luxotus  路  4Comments

philcockfield picture philcockfield  路  3Comments