React，客户端移动或桌面

Question

使用React和NextJS构建服务器端渲染的应用程序。我想知道视口的宽度，并通过props在整个应用程序中进行分配。获得视口的宽度很容易：

window.innerWidth;

我的问题如下：

• 只有在render和componentDidMount方法中，窗口对象才可用。
• 我们无法在render()方法中设置道具，因为这会使函数不纯
• 检查componentDidMount中的视口宽度是否可以工作，但是现在我们已经渲染了该组件。

是否有任何方法可以在触发render方法之前获取window.innerWidth？

P.S。解决方案本身不必通过道具传递。它可能是有助于解决此问题的另一种解决方案。