createGlobalStyle not being auto formatted

Anything inside another styled tag will be properly formatted, for example a styled.div. But a createGlobaStyle function will not have it’s contents formatted. Color is still being applied, but formatting won’t happen.

[alikadir]

flowing code works 💪

import * as styled from 'styled-components';

export default styled.createGlobalStyle`
  body {
    margin: 0;
  }
  code {
    font-family: source-code-pro;
  }
`;

[danielmahon]

Same issue, not sure of any side-effects yet but as a workaround, I’m just wrapping the whole thing in the css function, which seems to re-enable the auto-formatting.

import { createGlobalStyle, css } from 'styled-components';

export default createGlobalStyle`${css`
  html,
  body,
  #root {
    padding: 0px;
    margin: 0px;
    width: 100vw;
    height: 100vh;
  }
`}`;