title: Why Styled- components doesn´t work in react
body: <p>I try to use styled-component in react but I am always getting error</p>
  <pre><code>Failed to compile.
  
  ./src/Components/Header/style.js
  Module not found: Can't resolve 'styled-components' in 'C:\Users\Dell\Desktop\luna\src\Components\Header'
  Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\DumpStack.log.tmp'
  Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\pagefile.sys'
  Error from chokidar (C:\): Error: EBUSY: resource busy or locked, lstat 'C:\swapfile.sys'
  </code></pre>
  <p>My Header.js</p>
  <pre><code>import React from 'react';
  import {HeaderStyle} from './style';
  
  const Header =()=&gt;{
      return(
          &lt;HeaderStyle&gt;
              &lt;div className=&quot;Header&quot;&gt;
                  &lt;h1&gt;Luna&lt;/h1&gt;
              &lt;/div&gt;
          &lt;/HeaderStyle&gt;
      )
  }
  
  export default Header ; 
  </code></pre>
  <p>style.js</p>
  <pre><code>import styled from &quot;styled-components&quot;;
  
  export const HeaderStyle = styled.section`
      background-color:black;
  `
  </code></pre>
  <p>Do you have any ideas why It doesn´t work?</p>