Node modules issue: Only one default export allowed per module Node modules issue: Only one default export allowed per module reactjs reactjs

Node modules issue: Only one default export allowed per module


You can not use more than one export default in a file. It doesn't make sense. If you need to export multiple things you need to use named export

DemoComponent.js

export class DemoComponent extends React.Component {  render() {    return(      <h1>Hello</h1>    );  }}export default connect(  mapStateToProps,  { ... })(DemoComponent);

So the import statement would look like this:

import ConnectedComponent, {DemoComponent} from './DemoComponent';

When you use export default you can name your variable as you want but with named export you have to use the same variable name as the one that you export.

More about export syntax

Btw you have a typo in your example. It's extends, not extend