{"action":"closed","issue":{"url":"https://api.github.com/repos/styled-components/styled-components/issues/2235","repository_url":"https://api.github.com/repos/styled-components/styled-components","labels_url":"https://api.github.com/repos/styled-components/styled-components/issues/2235/labels{/name}","comments_url":"https://api.github.com/repos/styled-components/styled-components/issues/2235/comments","events_url":"https://api.github.com/repos/styled-components/styled-components/issues/2235/events","html_url":"https://github.com/styled-components/styled-components/issues/2235","id":383251833,"node_id":"MDU6SXNzdWUzODMyNTE4MzM=","number":2235,"title":"TS: Props is not assignable to type 'StatelessComponent<any>'. with material ui","user":{"login":"rhyek","id":702922,"node_id":"MDQ6VXNlcjcwMjkyMg==","avatar_url":"https://avatars3.githubusercontent.com/u/702922?v=4","gravatar_id":"","url":"https://api.github.com/users/rhyek","html_url":"https://github.com/rhyek","followers_url":"https://api.github.com/users/rhyek/followers","following_url":"https://api.github.com/users/rhyek/following{/other_user}","gists_url":"https://api.github.com/users/rhyek/gists{/gist_id}","starred_url":"https://api.github.com/users/rhyek/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rhyek/subscriptions","organizations_url":"https://api.github.com/users/rhyek/orgs","repos_url":"https://api.github.com/users/rhyek/repos","events_url":"https://api.github.com/users/rhyek/events{/privacy}","received_events_url":"https://api.github.com/users/rhyek/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":2,"created_at":"2018-11-21T18:50:31Z","updated_at":"2018-11-23T04:30:41Z","closed_at":"2018-11-23T04:30:40Z","author_association":"NONE","body":"<!-- BUG TEMPLATE -->\r\n## Environment\r\n<!-- Please run this command inside your project and paste its contents here (it automatically copies to your clipboard) -->\r\n## System:\r\n - OS: macOS 10.14.1\r\n - CPU: (8) x64 Intel(R) Core(TM) i7-8559U CPU @ 2.70GHz\r\n - Memory: 1.09 GB / 16.00 GB\r\n - Shell: 5.3 - /bin/zsh\r\n## Binaries:\r\n - Node: 8.12.0 - /usr/local/bin/node\r\n - Yarn: 1.10.1 - /usr/local/bin/yarn\r\n - npm: 6.4.1 - /usr/local/bin/npm\r\n## npmPackages:\r\n - styled-components: ^4.1.1 => 4.1.1\r\n\r\n## Problem\r\n```ts\r\nimport styledComponents, { ThemedStyledComponentsModule } from \"styled-components\";\r\nimport { withTheme, Theme, Grid } from \"@material-ui/core\";\r\nimport { GridProps } from '@material-ui/core/Grid';\r\n\r\nconst {\r\n  default: styled,\r\n  css\r\n} = styledComponents as unknown as ThemedStyledComponentsModule<Theme>;\r\n\r\ntype StyledGridProps = GridProps & { theme: Theme };\r\n\r\nconst StyledGrid = withTheme()(styled<StyledGridProps>(({ theme, ...rest }) => <Grid {...rest} />)` // errors on this line\r\n ...\r\n`);\r\n```\r\nI get two errors on that line. The first is on `styled<StyledGridProps>` where it says:\r\n```\r\n[ts]\r\nType 'StyledGridProps' does not satisfy the constraint '\"symbol\" | \"object\" | \"img\" | \"label\" | \"text\" | \"title\" | \"input\" | \"svg\" | \"circle\" | \"button\" | \"progress\" | \"select\" | \"line\" | \"head\" | \"body\" | \"footer\" | \"caption\" | \"clipPath\" | ... 153 more ... | StatelessComponent<...>'.\r\n  Type 'StyledGridProps' is not assignable to type 'StatelessComponent<any>'.\r\n    Type 'GridProps & { theme: Theme; }' provides no match for the signature '(props: any, context?: any): ReactElement<any> | null'. [2344]\r\n```\r\n\r\nThe second is on `(({ theme, ...rest })` where it says:\r\n```\r\n[ts] Binding element 'theme' implicitly has an 'any' type. [7031]\r\n```"}}
{"actor":{"display_login":"probablyup"}}