styled-components + TypeScript + Material-UI #TypeScript

strict モードではエラーになる。

const InlineInput = styled(TextField)`
  && {
    margin-top: 36px;
  }
`

React.SFC に、型をキャストしてあげれば良い

const InlineInput = styled(TextField as React.SFC)`
  && {
    margin-top: 36px;
  }
`

ref: https://github.com/mui-org/material-ui/issues/9756

追記

この書き方だと、Prop を渡したい時に困る・・・

interface Props {
  value: string
  onChange: () => void
  label?: string
}

const InlineInput = styled(TextField as React.SFC<Props>)`
  && {
    margin-top: 36px;
  }

などとしなければいけなくなる・・・

Material UI のPropsを取ってくれば良いかもしれない。