Материал-интерфейс: Как правильно настроить UserAgent для серверной части рендеринга

Question

Я получаю это предупреждение:

Material-UI: userAgent should be supplied in the muiTheme 
    context for server-side rendering 

со следующей стороне сервера визуализации настройки, что я делаю неправильно:

match({routes: R(), location}, (error, redirectLocation, renderProps) => { 
    if (error) { 
     console.error("error: "+ error) 
    } else if (redirectLocation) { 
     console.error("redirect to " + redirectLocation) 
    } else if (renderProps) { 

     const theme = getMuiTheme({userAgent: "all"}) 

     page = ReactDOMServer.renderToStaticMarkup(
     <MuiThemeProvider muiTheme={theme}> 
      <Provider store={store}> 
       <RouterContext {...renderProps} /> 
      </Provider> 
     </MuiThemeProvider> 
     ) 
    } else { 
     console.error("location nof found: '"+ location +"'") 
    } 
    }) 

Answer 1

В этом Razzle Material UI Styled Example проекте я устанавливаю это так:

server.js:

renderToString(<Application userAgent={request.headers['user-agent']} />) 

client.js:

render(<Application userAgent={navigator.userAgent} />, document.getElementById('root')) 

Main.js:

class Main extends Component { 
    constructor(properties, context) { 
     super(properties, context) 

     this.muiTheme = getMuiTheme({ 
      userAgent: properties.userAgent 
     }) 
    } 

    render() { 
     return (
      <MuiThemeProvider muiTheme={this.muiTheme}></MuiThemeProvider> 
     ) 
    } 
} 

Он хорошо работает, и я думаю, что это правильно тоже.