{"action":"closed","issue":{"url":"https://api.github.com/repos/FormidableLabs/radium/issues/777","repository_url":"https://api.github.com/repos/FormidableLabs/radium","labels_url":"https://api.github.com/repos/FormidableLabs/radium/issues/777/labels{/name}","comments_url":"https://api.github.com/repos/FormidableLabs/radium/issues/777/comments","events_url":"https://api.github.com/repos/FormidableLabs/radium/issues/777/events","html_url":"https://github.com/FormidableLabs/radium/issues/777","id":165507700,"number":777,"title":"Failing when used in TypeScript.","user":{"login":"philcockfield","id":185555,"avatar_url":"https://avatars.githubusercontent.com/u/185555?v=3","gravatar_id":"","url":"https://api.github.com/users/philcockfield","html_url":"https://github.com/philcockfield","followers_url":"https://api.github.com/users/philcockfield/followers","following_url":"https://api.github.com/users/philcockfield/following{/other_user}","gists_url":"https://api.github.com/users/philcockfield/gists{/gist_id}","starred_url":"https://api.github.com/users/philcockfield/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/philcockfield/subscriptions","organizations_url":"https://api.github.com/users/philcockfield/orgs","repos_url":"https://api.github.com/users/philcockfield/repos","events_url":"https://api.github.com/users/philcockfield/events{/privacy}","received_events_url":"https://api.github.com/users/philcockfield/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2016-07-14T08:37:19Z","updated_at":"2016-07-15T00:03:37Z","closed_at":"2016-07-15T00:03:37Z","body":"I've created minimal a sample repo to demonstrate the problem: https://github.com/philcockfield/radium-typescript-fail\r\n\r\nDetails in README repeated here:\r\n\r\n---------\r\n\r\n# Failure Example - Radium and TypeScript\r\nThis React sample is taken from https://www.typescriptlang.org/docs/handbook/react-&-webpack.html\r\n\r\n\r\n## Run\r\n    npm install\r\n    webpack\r\n\r\nThen open `index.html` in browser.\r\n\r\n\r\n## Error\r\nWhen rendering a Radium enchanced component like this:\r\n\r\n```js\r\n@Radium\r\nexport class Hello extends React.Component<HelloProps, {}> {\r\n    render() {\r\n        return <h1>Hello from {this.props.compiler} and {this.props.framework}!</h1>;\r\n    }\r\n}\r\n```\r\n\r\nor this\r\n\r\n```js\r\nexport class HelloComponent extends React.Component<HelloProps, {}> {\r\n    render() {\r\n        return <h1>Hello from {this.props.compiler} and {this.props.framework}!</h1>;\r\n    }\r\n}\r\nexport const Hello = Radium(HelloComponent);\r\n\r\n```\r\n\r\nThe same error occurs at runtime:\r\n\r\n![error](https://cloud.githubusercontent.com/assets/185555/16833121/e94ea95e-4a01-11e6-8957-50dd8e262c94.png)\r\n\r\nIf the Radium aspect of this is commented out the component renders fine.\r\n\r\n![works](https://cloud.githubusercontent.com/assets/185555/16833189/3f0613e6-4a02-11e6-9ce2-7994223213f8.png)\r\n\r\n\r\n"}}
{"actor":{"display_login":"philcockfield"}}