title: export 'default' (reexported as 'Modal') was not found in './Modal
body: <p>Why am I getting the following WARNING from Storybook:</p>
  
  <pre><code>WARNING in ./src/components/index.js 24:0-65
  "export 'default' (reexported as 'Modal') was not found in './Modal'
  </code></pre>
  
  <p><strong>./src/components/index.js 24</strong></p>
  
  <pre><code>export { default as Modal, ModalNew, ModalVideo } from './Modal';
  </code></pre>
  
  <p><strong>./src/components/Modal/index.js</strong></p>
  
  <pre><code>export { default as ModalNew } from './ModalNew';
  export { default as ModalAdapter } from './ModalAdapter';
  export { default as ModalVideo } from './ModalVideo';
  </code></pre>
  
  <p><strong>./src/components/Modal/ModalNew.js</strong></p>
  
  <pre><code>import React from 'react';
  import PropTypes from 'prop-types';
  import StyledModal from './StyledModal';
  import Header from './Header';
  import Body from './Body';
  
  const ModalNew = ({
    children,
    ...rest
  }) =&gt; (
    &lt;StyledModal {...rest}&gt;
      {children}
    &lt;/StyledModal&gt;
  );
  
  ModalNew.Header = Header;
  ModalNew.Body = Body;
  
  ModalNew.propTypes = {
    children: PropTypes.node.isRequired,
  };
  
  export default ModalNew;
  </code></pre>