{"action":"created","issue":{"url":"https://api.github.com/repos/FormidableLabs/radium/issues/798","repository_url":"https://api.github.com/repos/FormidableLabs/radium","labels_url":"https://api.github.com/repos/FormidableLabs/radium/issues/798/labels{/name}","comments_url":"https://api.github.com/repos/FormidableLabs/radium/issues/798/comments","events_url":"https://api.github.com/repos/FormidableLabs/radium/issues/798/events","html_url":"https://github.com/FormidableLabs/radium/issues/798","id":168258846,"number":798,"title":"keyframes invariant violation","user":{"login":"alex-wilmer","id":2880089,"avatar_url":"https://avatars.githubusercontent.com/u/2880089?v=3","gravatar_id":"","url":"https://api.github.com/users/alex-wilmer","html_url":"https://github.com/alex-wilmer","followers_url":"https://api.github.com/users/alex-wilmer/followers","following_url":"https://api.github.com/users/alex-wilmer/following{/other_user}","gists_url":"https://api.github.com/users/alex-wilmer/gists{/gist_id}","starred_url":"https://api.github.com/users/alex-wilmer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alex-wilmer/subscriptions","organizations_url":"https://api.github.com/users/alex-wilmer/orgs","repos_url":"https://api.github.com/users/alex-wilmer/repos","events_url":"https://api.github.com/users/alex-wilmer/events{/privacy}","received_events_url":"https://api.github.com/users/alex-wilmer/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-07-29T06:24:12Z","updated_at":"2016-07-29T15:31:29Z","closed_at":"2016-07-29T15:31:29Z","body":"Hello, not sure what I'm doing wrong here.\r\n\r\n```\r\nconst rotate = Radium.keyframes({\r\n  '0%': { transform: 'rotate(0deg)' },\r\n  '100%': { transform: 'rotate(359deg)' },\r\n}, 'rotate')\r\n\r\nconst styles = {\r\n  spinParticleContainer: {\r\n    animation: 'x 2s infinite linear',\r\n    animationName: rotate,\r\n  },\r\n}\r\n```\r\n\r\nthis gives \r\n\r\n```\r\nElement type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.\r\n```\r\n\r\nIf I comment out `animationName: rotate` the component loads properly, but no animation of course.\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/FormidableLabs/radium/issues/comments/236212563","html_url":"https://github.com/FormidableLabs/radium/issues/798#issuecomment-236212563","issue_url":"https://api.github.com/repos/FormidableLabs/radium/issues/798","id":236212563,"user":{"login":"alex-wilmer","id":2880089,"avatar_url":"https://avatars.githubusercontent.com/u/2880089?v=3","gravatar_id":"","url":"https://api.github.com/users/alex-wilmer","html_url":"https://github.com/alex-wilmer","followers_url":"https://api.github.com/users/alex-wilmer/followers","following_url":"https://api.github.com/users/alex-wilmer/following{/other_user}","gists_url":"https://api.github.com/users/alex-wilmer/gists{/gist_id}","starred_url":"https://api.github.com/users/alex-wilmer/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/alex-wilmer/subscriptions","organizations_url":"https://api.github.com/users/alex-wilmer/orgs","repos_url":"https://api.github.com/users/alex-wilmer/repos","events_url":"https://api.github.com/users/alex-wilmer/events{/privacy}","received_events_url":"https://api.github.com/users/alex-wilmer/received_events","type":"User","site_admin":false},"created_at":"2016-07-29T15:31:29Z","updated_at":"2016-07-29T15:31:29Z","body":"I pasted this code here: http://www.webpackbin.com/NkYa4PNOZ\r\n\r\nand it gave me a clearer error\r\n\r\n```\r\nUncaught Error: To use plugins requiring `addCSS` (e.g. keyframes, media queries), please wrap your application in the StyleRoot component. Component name: `HelloWorld`.\r\n```\r\n"}}
{"actor":{"display_login":"alex-wilmer"}}