Проблемы с тегом div и типом любого в компонентах стилей (приложение Gatsby)

я не уверен, что делать с этой ошибкой. вещь все еще успешно скомпилирована, но мой содержимое внутри div по-прежнему не отображается в браузере:

([ts] Property 'div' does not exist on type '(tag: any) => { (...args: any[]): any; withConfig(config: any): ...; attrs(attrs: any): ...; }'. [2339])

Что я здесь делаю неправильно?

 let iconNames = []
for (let index = 0; index < icons.length; index++) {
    iconNames.push(icons[index]["name"])
}
//align-items, for verticle
//justify-items, for horizontal
const Container = styled.div ` // <== 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;
}