fix: wrong formatting

.prettierrc.yaml

@@ -4,4 +4,6 @@ overrides:
 - files: "docs/*.md"
   options:
     printWidth: 60
+- files: "*.js"
+  options:
     parser: flow

packages/styled-base/flow-tests/flow.js

@@ -18,7 +18,7 @@ export const valid: (
 // $FlowExpectError: we can't cast a StyledComponent to string
 export const invalid: string = createStyled('div')
 
-const Div = createStyled.div < Props > { color: props => props.color }
+const Div = createStyled.div<Props>({ color: props => props.color })
 
 const validProp = <Div color="red" />
 
@@ -33,9 +33,6 @@ const invalidPropAccess = createStyled().__emotion_base
 const untyped: StyledComponent<empty> = createStyled.div({})
 
 // Style a functional component
-const styledFn =
-  createStyled <
-  Props >
-  (props => <div {...props} />)`
+const styledFn = createStyled<Props>(props => <div {...props} />)`
   color: red;
 `

packages/styled/flow-tests/flow.js

@@ -4,12 +4,9 @@ import * as React from 'react'
 import styled from '../src'
 
 type Props = { color: string }
-const Foo =
-  styled.div <
-  Props >
-  {
-    color: 'red'
-  }
+const Foo = styled.div<Props>({
+  color: 'red'
+})
 
 const valid = <Foo color="red" />
 
@@ -18,9 +15,6 @@ const invalid = <Foo color={2} />
 
 // components defined using the root method should be identical
 // to the ones generated using the shortcuts
-const root: typeof Foo =
-  styled <
-  Props >
-  'div'`
+const root: typeof Foo = styled<Props>('div')`
   colors: red;
 `