{"action":"created","issue":{"url":"https://api.github.com/repos/emotion-js/emotion/issues/1049","repository_url":"https://api.github.com/repos/emotion-js/emotion","labels_url":"https://api.github.com/repos/emotion-js/emotion/issues/1049/labels{/name}","comments_url":"https://api.github.com/repos/emotion-js/emotion/issues/1049/comments","events_url":"https://api.github.com/repos/emotion-js/emotion/issues/1049/events","html_url":"https://github.com/emotion-js/emotion/pull/1049","id":385520225,"node_id":"MDExOlB1bGxSZXF1ZXN0MjM0NDczNjUz","number":1049,"title":"RFC: Add babel preset for css prop","user":{"login":"mitchellhamilton","id":11481355,"node_id":"MDQ6VXNlcjExNDgxMzU1","avatar_url":"https://avatars1.githubusercontent.com/u/11481355?v=4","gravatar_id":"","url":"https://api.github.com/users/mitchellhamilton","html_url":"https://github.com/mitchellhamilton","followers_url":"https://api.github.com/users/mitchellhamilton/followers","following_url":"https://api.github.com/users/mitchellhamilton/following{/other_user}","gists_url":"https://api.github.com/users/mitchellhamilton/gists{/gist_id}","starred_url":"https://api.github.com/users/mitchellhamilton/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/mitchellhamilton/subscriptions","organizations_url":"https://api.github.com/users/mitchellhamilton/orgs","repos_url":"https://api.github.com/users/mitchellhamilton/repos","events_url":"https://api.github.com/users/mitchellhamilton/events{/privacy}","received_events_url":"https://api.github.com/users/mitchellhamilton/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":4,"created_at":"2018-11-29T00:51:36Z","updated_at":"2018-12-04T20:52:52Z","closed_at":null,"author_association":"MEMBER","pull_request":{"url":"https://api.github.com/repos/emotion-js/emotion/pulls/1049","html_url":"https://github.com/emotion-js/emotion/pull/1049","diff_url":"https://github.com/emotion-js/emotion/pull/1049.diff","patch_url":"https://github.com/emotion-js/emotion/pull/1049.patch"},"body":"I have no idea whether this is a good idea but people seem to want it and are already doing it without a preset so maybe we should add a preset to do it.\r\n\r\nPlease don't review what the exact implementation right now, I just want to know whether people think it's a good idea. It's also important to keep in mind, how should we teach this? Having two \"official\" ways to do the same thing could get really confusing for consumers because they have to decide which thing they want to use. A babel preset also has the disadvantage that it doesn't work with CRA and other things that don't allow babel configuration so we would have to explain what people should use for their use case. Importing and using the jsx pragma has the advantage though that it works everywhere."},"comment":{"url":"https://api.github.com/repos/emotion-js/emotion/issues/comments/444253703","html_url":"https://github.com/emotion-js/emotion/pull/1049#issuecomment-444253703","issue_url":"https://api.github.com/repos/emotion-js/emotion/issues/1049","id":444253703,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0NDI1MzcwMw==","user":{"login":"wKovacs64","id":1288694,"node_id":"MDQ6VXNlcjEyODg2OTQ=","avatar_url":"https://avatars1.githubusercontent.com/u/1288694?v=4","gravatar_id":"","url":"https://api.github.com/users/wKovacs64","html_url":"https://github.com/wKovacs64","followers_url":"https://api.github.com/users/wKovacs64/followers","following_url":"https://api.github.com/users/wKovacs64/following{/other_user}","gists_url":"https://api.github.com/users/wKovacs64/gists{/gist_id}","starred_url":"https://api.github.com/users/wKovacs64/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wKovacs64/subscriptions","organizations_url":"https://api.github.com/users/wKovacs64/orgs","repos_url":"https://api.github.com/users/wKovacs64/repos","events_url":"https://api.github.com/users/wKovacs64/events{/privacy}","received_events_url":"https://api.github.com/users/wKovacs64/received_events","type":"User","site_admin":false},"created_at":"2018-12-04T20:52:52Z","updated_at":"2018-12-04T20:52:52Z","author_association":"CONTRIBUTOR","body":"Ran into an issue with fragments when messing around with this in Gatsby. Apparently the fragment shorthand syntax `<> ... </>` will throw an error if you don't set the [`pragmaFrag` option in `@babel/plugin-transform-react-jsx`](https://babeljs.io/docs/en/babel-plugin-transform-react-jsx.html):\r\n```\r\nError: transform-react-jsx: pragma has been set but pragmafrag has not been set\r\n```\r\nI guess we just need to add this?\r\n```js\r\npragmaFrag: 'React.Fragment'\r\n```\r\n⚠️  Disclaimer: I have no idea what I'm talking about. ⚠️ "}}
{"actor":{"display_login":"wKovacs64"}}