React-custom-scrollbars: Scrollbar is not working in Next.js
In the Next.js, I am getting below warning.
Warning: Prop style did not match. Server: "position:absolute;top:0;left:0;right:0;bottom:0;overflow:scroll;-webkit-overflow-scrolling:touch;margin-right:0;margin-bottom:0" Client: "position:absolute;top:0;left:0;right:0;bottom:0;overflow:scroll;-webkit-overflow-scrolling:touch;margin-right:-17px;margin-bottom:-17px"`
anupmishra203
All 3 comments
If your app runs on both client and server, activate the universal mode. This will ensure that the initial markup on client and server are the same.
Add the universal={true} parameter to your <Scrollbars> element.
MasterEric
on 15 Feb 2020
❤8
🎉7
👍7
It worked thank you!
bryandandan
on 17 May 2020
For me it doesn't work even with universal={true}, still get the same error.
kolnogorov
on 25 Aug 2020
👍2
Was this page helpful?
0 / 5 - 0 ratings
Related issues
nindavidw
路
4Comments
hank7444
路
5Comments
philcockfield
路
3Comments
simonkberg
路
3Comments
magnetronnie
路
3Comments
Most helpful comment
If your app runs on both client and server, activate the universal mode. This will ensure that the initial markup on client and server are the same.
Add the
universal={true}parameter to your<Scrollbars>element.See here for more info.