title: Attempted import error: 'createGlobalStyle' is not exported from 'styled-components'
body: <p>I am try to import createGlobalStyle from styled-components but it does not seem to be working. I installed styled-components npm package, the version is @3.4.10.</p>
  <pre><code>
  const GlobalStyle = createGlobalStyle`
  html {
      height: 100%
  }
  * {
      padding: 0;
      margin: 0
  }
  
  `
  export default GlobalStyle
  
  </code></pre>
  <p>The above code is where I am trying to import createGlobalStyle</p>
  <pre><code>import React from 'react'
  import ReactDOM from 'react-dom'
  import App from './App'
  import GlobalStyle from './theme/globalStyles'
  
  ReactDOM.render(
    &lt;React.StrictMode&gt;
      &lt;App /&gt;
      &lt;GlobalStyle /&gt;
    &lt;/React.StrictMode&gt;,
    document.getElementById('root')
  )
  
  </code></pre>
  <p>And this is the index.js file where I am using the GlobalStyle component.</p>
  <p>After running the code I am getting the following error:</p>
  <pre><code>./src/theme/globalStyles.js
  Attempted import error: 'createGlobalStyle' is not exported from 'styled-components'.
  </code></pre>
  <p>Any help would be highly appreciated</p>