Not work with material-ui library about react-hot-boilerplate HOT 5 CLOSED

It seems that material-ui exports jsx files and expects consumers to transform them:

mui/material-ui#301
mui/material-ui#289
mui/material-ui#179

Personally I don't think it's the right way, but no use complaining. :-)

Change loader configuration in webpack.config.js to include jsx loader separately for material-ui:

      { test: /\.js$/, loaders: ['react-hot', 'jsx?harmony'], exclude: /node_modules/ },
      { test: /\.jsx?$/, loader: 'jsx?harmony', include: /material-ui/ },

I think this should work.

from react-hot-boilerplate.

Thanks @gaearon. It works now.

from react-hot-boilerplate.

@gaearon I ran into the same issue while trying to publish a module. What is a good practice when trying to publish react modules to npm.
Bundle it with react and other dependencies and point package.json main to the bundled file?
Any pointers on this would be helpful.

from react-hot-boilerplate.

@vasanthk This is better asked on StackOverflow than here. Use Babel to compile your component to plain JS, and point main in package.json to the compiled version. Don't “bundle” it with React—keep it a peerDependency and expect user to provide it. In the source, import it as if it was there.

from react-hot-boilerplate.

Thanks Dan, that definitely helps. I'll post it in stackoverflow as well.

from react-hot-boilerplate.