title: How to export styled component from a file?
body: <p>When I use the following styled component</p>
  
  <pre><code>import styled from 'styled-components';
  
  const CarouselContainer = () =&gt; {
      return styled.div`
          &amp; .slick-prev, .slick-next {
              position: absolute;
              z-index: 1;
              top: 50%;
          }
          &amp; .slick-prev::before, .slick-next::before {
              font-size: 35px;
          }
          &amp; .slick-prev {
              left: 5%;
          }
          &amp; .slick-next {
              right: 5%;
          }
          &amp; .slick-slide {
              height: 371px;
              position: relative;
          }
          &amp; .slick-slide img {
              height: 371px;
              object-fit: cover;
              object-position: 0 0;
          }
          @media all and (min-width: ${providedProps =&gt; providedProps.theme.minWidthMediumDevice}) {
              &amp; .slick-slide {
                  height: unset;
                  position: unset;
              }
  
              &amp; .slick-slide img {
                  height: unset;
                  object-fit: unset;
                  object-position: unset;
              }
          }
  
          @media all and (min-width: ${providedProps =&gt; providedProps.theme.minWidthExtraLargeDevice}) {
              &amp; .slick-slide {
                  height: 557px;
                  position: relative;
              }
  
              &amp; .slick-slide img {
                  height: 557px;
                  object-fit: cover;
                  object-position: 0 0;
              }
          }
      `;
  };
  
  export default CarouselContainer;
  </code></pre>
  
  <p>as</p>
  
  <pre><code>import CarouselContainer from './CarouselContainer';
  ...
  &lt;CarouselContainer&gt;
  ...
  &lt;/CarouselContainer&gt;
  </code></pre>
  
  <p>I get the error</p>
  
  <pre><code>JSX element type
  'StyledComponentClass&lt;DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLDivElement&gt;,
  HTMLDivElement&gt;, any,
  DetailedHTMLProps&lt;HTMLAttributes&lt;HTMLDivElement&gt;, HTMLDivElement&gt;&gt;' is
  not a constructor function for JSX elements.   Property 'render' is
  missing...
  </code></pre>
  
  <p>What am I doing wrong?</p>