title: Problems with div tag & type any in styles-components (Gatsby app)
body: <p>i'm not sure what to do with this error. the thing still compiled successfully but my 
  content inside the div still wont show up in the browser: </p>
  
  <blockquote>
    <p>([ts] Property 'div' does not 
    exist on type '(tag: any) => { (...args: any[]): any; withConfig(config: any): ...; 
    attrs(attrs: any): ...; }'. [2339])</p>
  </blockquote>
  
  <p>What am I doing wrong here?</p>
  
  <pre><code> let iconNames = []
  for (let index = 0; index &lt; icons.length; index++) {
      iconNames.push(icons[index]["name"])
  }
  //align-items, for verticle
  //justify-items, for horizontal
  const Container = styled.div ` // &lt;== error        is on this line here 
       height: 100%;
       display: grid;
       align-items: center; 
       justify-items: center; 
      `
  // Define type of property
  interface Props {
      name: string;
  }
  interface State {
      svg: any;
  }
  </code></pre>