Problem with xstyled and gatsby.js

[byurhannurula]

Hi, I liked xstyled so much and wanted to explore it more with a simple Gatsby project, but I have a problem, when I create a global style and include it to layout component all the styles for the styled components are disappearing even sometimes browser stops working.

here is repo with which I'm having this problem - https://github.com/byurhanbeyzat/gatsby-xstyled

Environment

System:
OS: macOS High Sierra 10.13.6
Binaries:
Node: 10.15.0
Yarn: 1.16.0
Browsers:
Chrome: 74.0.3729.169
Safari: 12.1.1
npmPackages:
"@xstyled/styled-components": "^1.2.0",
"babel-plugin-styled-components": "^1.10.0",
"gatsby": "^2.8.6",
"gatsby-plugin-styled-components": "^3.0.7",
"react": "^16.8.6",
"react-dom": "^16.8.6",
"styled-components": "^4.3.1"