Estoy tratando de usarMaterial Design Lite de Google con ReactJS. estoy usandoSpinner Loading & Campo de texto Componente de la biblioteca MDL.

Pero, cuando cambio de ruta con React Router, la animación no tiene lugar y cuando actualizo la página, funciona bien. Creo que esto probablemente se deba a que los componentes MDL no se están actualizando. Entonces, estoy tratando de usarcomponentHandler.upgradeDom(), pero la consola arroja un error,app.js:27160 Uncaught TypeError: Cannot read property 'upgradeDom' of undefined.

Aquí está el código

var React = require('react');
var ReactDOM = require('react-dom');
var PropTypes = React.PropTypes;
var MDLite = require('material-design-lite');
var componentHandler = MDLite.componentHandler;

var styles = {
  loader: {
    marginTop: '70px',
  }
}

var Loading = React.createClass({
  render: function() {
    return (
      <div className="mdl-spinner mdl-js-spinner is-active" style={styles.loader}></div>
    );
  },
  componentDidMount: function() {
    componentHandler.upgradeDom();
  },
});

module.exports = Loading;

También intenté iniciar sesiónMDLite variable en consola conconsole.log(MDLite). Pero me está mostrando unObjeto vacío {}. estoy usandopaquete web y he instalado Material Design Lite conNPM, npm install material-design-lite --save.

Mi pregunta es cómo puedo importar / requerir MDL correctamente y usarcomponentHandler.upgradeDom()?