babel 7 Using the export keyword between a decorator and a class is not allowed. Please use `export @dec class` instead

Question

I\'m using react js with latest babel 7. when I use decorators of mobx I get the error

Parsing error: Using the export keyword between a decorator and a class is not

Answer 1

This worked for me (using create-react-app with customize-cra, with decorators enabled)

import React, { Component } from 'react';

export default @connect(
  store => ({
    //...
  }),
  dispatch => ({
    //...
  }),
)
class MyComponent extends Component {
  render() {
    return (
      

        //...
      
    );
  }
}