Tree shaking - good examples

index.js

export { default as MyFirstComponent } from './MyFirstComponent'
export { default as MySecondComponent } from './MySecondComponent'

MyFirstComponent.js

var MyFirstComponent = function MyFirstComponent(props) {
  return /*#__PURE__*/React.createElement("div", props);
};

MyFirstComponent.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string
};

MyFirstComponent.defaultProps = {
  children: undefined,
  className: undefined
};

export default MyFirstComponent

MySecondComponent.js

var MySecondComponent = function MySecondComponent(props) {
  return /*#__PURE__*/React.createElement("div", props);
};

MySecondComponent.propTypes = {
  children: PropTypes.node,
  className: PropTypes.string
};

MySecondComponent.defaultProps = {
  children: undefined,
  className: undefined
};

export default MySecondComponent