使用 React 进行响应式服务器端渲染

问：

我希望能够根据设备的宽度呈现不同的布局。

（即，当设备较小时，在元素的左侧显示图片，当设备较大时，在元素的顶部显示图片）。

当然可以通过matchMedia在客户端上使用，但是我正在使用服务器端渲染，希望保持渲染的一致性。

我能想到的最好的办法是使用 MobileDetect 并假设设备的宽度（基本上，如果它是手机......），但这仍然是一个假设。

有没有更好的方法？