bjfletcher bjfletcher - 3 months ago 123
React JSX Question

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

With the React Starter Kit, I add Material UI as follows:

npm install material-ui --save


and the following import to a component:

import RaisedButton from 'material-ui/lib/raised-button';


and:

<RaisedButton label="Default" />


I get the following error:


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


According to Material UI's documentation, it says I'd need to address three things:


  1. autoprefixer and the user agent

  2. process.env.NODE_ENV



What code should I put in and where exactly, specifically with the React Starter Kit?

P.S. this solution does not work for me :-/

Answer

This works for me. Add this to server.js:

global.navigator = { navigator: 'all' };

Then verify that you see multiple vendor prefixes used like in this screengrab showing -webkit and -ms both being used:

enter image description here

Comments