Reactjs react虚拟化砌体服务器呈现的输出不'；不匹配客户端渲染

我正在尝试构建一个布局，它与Pinterest非常相似，带有react虚拟化砖石、WindowScroller和AutoSizer组件。事实上，这和我的想法没什么不同。另外，我正在使用nextjs，并且更喜欢为这个布局启用服务器端渲染

为了在服务器端生成网格项，根据react虚拟化文档，我将一些随机值设置为WindowScroller的

serverHeight

和

serverWidth

道具以及AutoSizer的

defaultHeight

和

defaultWidth

道具。但是，由于这些值与实际的浏览器宽度和高度不同，服务器和客户端在初始渲染中生成的网格项数量不同。这使得服务器生成的HTML标记和客户端生成的HTML标记不匹配，React会发出以下警告

警告：不希望服务器HTML包含in。

如何通过使服务器和客户端在初始呈现中生成相同数量的网格项，或指示React to简单地进行必要的更改，以将服务器生成的标记与客户端生成的标记相匹配，从而消除此警告