Visual Studio code makes React code weird

When I click 'save' on a React .js file in VSCode, the code changes form from this, for example:

import React from 'react';
const withClass = (WrappedComponent, className) => {
  return props => (
    <div className={className}>
      <WrappedComponent {...props}/>
    </div>
  );
};

export default withClass;

to this:

import React from 'react';
const withClass = (WrappedComponent, className) => {
    return props => ( <
        div className = { className } >
        <
        WrappedComponent {...props }
        /> <
        /div>
    );
};

export default withClass;

Why?