{"action":"created","issue":{"url":"https://api.github.com/repos/evcohen/eslint-plugin-jsx-a11y/issues/166","repository_url":"https://api.github.com/repos/evcohen/eslint-plugin-jsx-a11y","labels_url":"https://api.github.com/repos/evcohen/eslint-plugin-jsx-a11y/issues/166/labels{/name}","comments_url":"https://api.github.com/repos/evcohen/eslint-plugin-jsx-a11y/issues/166/comments","events_url":"https://api.github.com/repos/evcohen/eslint-plugin-jsx-a11y/issues/166/events","html_url":"https://github.com/evcohen/eslint-plugin-jsx-a11y/issues/166","id":202454183,"number":166,"title":"aria-role should only be applied to DOM elements","user":{"login":"wereHamster","id":34538,"avatar_url":"https://avatars.githubusercontent.com/u/34538?v=3","gravatar_id":"","url":"https://api.github.com/users/wereHamster","html_url":"https://github.com/wereHamster","followers_url":"https://api.github.com/users/wereHamster/followers","following_url":"https://api.github.com/users/wereHamster/following{/other_user}","gists_url":"https://api.github.com/users/wereHamster/gists{/gist_id}","starred_url":"https://api.github.com/users/wereHamster/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wereHamster/subscriptions","organizations_url":"https://api.github.com/users/wereHamster/orgs","repos_url":"https://api.github.com/users/wereHamster/repos","events_url":"https://api.github.com/users/wereHamster/events{/privacy}","received_events_url":"https://api.github.com/users/wereHamster/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2017-01-23T06:18:59Z","updated_at":"2017-01-23T06:43:14Z","closed_at":null,"body":"I have some data that is fetched from the server, and it comes as an object with these properties: `{ author, role, photo }`. `role` is the person's role inside the company (like `\"Chief Something Officer\"`). I can't create a component which takes exactly these properties, because of the `jsx-a11y/aria-role` rule. The rule should be changed to only apply to DOM elements and not React components."},"comment":{"url":"https://api.github.com/repos/evcohen/eslint-plugin-jsx-a11y/issues/comments/274411894","html_url":"https://github.com/evcohen/eslint-plugin-jsx-a11y/issues/166#issuecomment-274411894","issue_url":"https://api.github.com/repos/evcohen/eslint-plugin-jsx-a11y/issues/166","id":274411894,"user":{"login":"wereHamster","id":34538,"avatar_url":"https://avatars.githubusercontent.com/u/34538?v=3","gravatar_id":"","url":"https://api.github.com/users/wereHamster","html_url":"https://github.com/wereHamster","followers_url":"https://api.github.com/users/wereHamster/followers","following_url":"https://api.github.com/users/wereHamster/following{/other_user}","gists_url":"https://api.github.com/users/wereHamster/gists{/gist_id}","starred_url":"https://api.github.com/users/wereHamster/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wereHamster/subscriptions","organizations_url":"https://api.github.com/users/wereHamster/orgs","repos_url":"https://api.github.com/users/wereHamster/repos","events_url":"https://api.github.com/users/wereHamster/events{/privacy}","received_events_url":"https://api.github.com/users/wereHamster/received_events","type":"User","site_admin":false},"created_at":"2017-01-23T06:43:14Z","updated_at":"2017-01-23T06:43:14Z","body":"Maybe. But it wasn't my decision to design the API that way. I'm just a consumer.\r\n\r\nOf course I could convert `{author,role,photo}` to `{author,authorRole,photo}` and then pass the later as props to the component. Or call the component as a plain function instead of through JSX (ie. instead of `<Author role=\"..\" >` use `{Author({ role: \"..\" })}`. But both are workarounds, they don't solve the real issue, which is that jsx-a11y doesn't distinguish between DOM props and custom component props."}}
{"actor":{"display_login":"wereHamster"}}