astroturfcss / gatsby-plugin-astroturf Goto Github PK

When using the Gatsby default starter and modifying the using-typescript.tsx file to use astroturf...

import styled, { css } from "astroturf/react"

const Article = styled('article')`
  font-weight: 200;
`;

I am receiving the following error at runtime.

Uncaught Error: This styled() template tag was mistakenly evaluated at runtime.
Make sure astroturf is properly configured to compile this file

gatsby-config.js

    `gatsby-plugin-postcss`,
    {
      resolve: `gatsby-plugin-astroturf`,
      options: {
        enableDynamicInterpolations: true,
      }
    },

npm

gatsby: "2.22.15",
astroturf: "1.0.0.0-beta.17",

astroturf components do not work in IE with this plugin, it chokes on const camelCase = str => arrow function. How do i make gatsby transpile astroturf's runtime?