Я использую версию 3.9.2 Material UI и пытаюсь использовать widthWith HOC в приложении SSR.
Со следующим кодом, если я отключу Javascript в параметрах отладчика инструментов разработчика Chrome, все будет работать так, как ожидалось (то есть отображается строка hello world!):
import React from 'react';
class App extends React.Component {
render() {
return (
<div>Hello World!</div>
);
}
}
export default App;
Если я просто добавлю withWidth HOC, он вернет пустой компонент, как указано в документы:
As window.innerWidth is unavailable on the server, we default to rendering an empty component during the first mount.
Но есть параметр конфигурации withWidth, чтобы установить для этого значение по умолчанию:
import React from 'react';
import withWidth from '@material-ui/core/withWidth';
class App extends React.Component {
render() {
return (
<div>Hello World!</div>
);
}
}
export default withWidth(
[{
initialwidth: 'lg',
}],
)(App);
Однако проблема остается прежней, и вывод не отображается.
Любые предложения о том, как это исправить?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Параметр должен быть initialWidth (W в верхнем регистре) вместо initialwidth, а квадратные скобки в документации просто указывают на то, что параметры являются необязательными. Правильный синтаксис будет выглядеть так:
export default withWidth({initialWidth: 'lg'})(App);