{"action":"created","issue":{"url":"https://api.github.com/repos/reactjs/react-autocomplete/issues/365","repository_url":"https://api.github.com/repos/reactjs/react-autocomplete","labels_url":"https://api.github.com/repos/reactjs/react-autocomplete/issues/365/labels{/name}","comments_url":"https://api.github.com/repos/reactjs/react-autocomplete/issues/365/comments","events_url":"https://api.github.com/repos/reactjs/react-autocomplete/issues/365/events","html_url":"https://github.com/reactjs/react-autocomplete/issues/365","id":385882496,"node_id":"MDU6SXNzdWUzODU4ODI0OTY=","number":365,"title":"Cannot select via click if rendered item is an imported Component.","user":{"login":"agonsalves","id":4049410,"node_id":"MDQ6VXNlcjQwNDk0MTA=","avatar_url":"https://avatars0.githubusercontent.com/u/4049410?v=4","gravatar_id":"","url":"https://api.github.com/users/agonsalves","html_url":"https://github.com/agonsalves","followers_url":"https://api.github.com/users/agonsalves/followers","following_url":"https://api.github.com/users/agonsalves/following{/other_user}","gists_url":"https://api.github.com/users/agonsalves/gists{/gist_id}","starred_url":"https://api.github.com/users/agonsalves/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/agonsalves/subscriptions","organizations_url":"https://api.github.com/users/agonsalves/orgs","repos_url":"https://api.github.com/users/agonsalves/repos","events_url":"https://api.github.com/users/agonsalves/events{/privacy}","received_events_url":"https://api.github.com/users/agonsalves/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-11-29T19:07:38Z","updated_at":"2018-12-14T16:01:57Z","closed_at":null,"author_association":"NONE","body":"If I set the \"renderItem\" prop to be a component that has been imported, then clicking on the items in the menu does not trigger the onSelect method. The items also do not get isHighlighted on mouse over. Navigating by keyboard does work.\r\n\r\n```\r\n<Autocomplete\r\n                autoHighlight={false}\r\n                className={className}\r\n                getItemValue={item => item.id}\r\n                items={options}\r\n                name={name}\r\n                onChange={this.handleChange}\r\n                onSelect={this.handleSelection}\r\n                renderItem={(item, isHighlighted) =>\r\n                    <DatalistItem\r\n                        key={Math.random()}\r\n                        item={item}\r\n                        isHighlighted={isHighlighted}\r\n                    />\r\n                }\r\n            />\r\n```\r\n\r\n```\r\nclass DatalistItem extends PureComponent {\r\n    render() {\r\n        const {item, isHighlighted} = this.props\r\n        return (\r\n            <DivContainer\r\n                className={isHighlighted ? 'active' : ''}\r\n                children={item.title}\r\n            />\r\n        )\r\n    }\r\n}\r\n```"},"comment":{"url":"https://api.github.com/repos/reactjs/react-autocomplete/issues/comments/447368903","html_url":"https://github.com/reactjs/react-autocomplete/issues/365#issuecomment-447368903","issue_url":"https://api.github.com/repos/reactjs/react-autocomplete/issues/365","id":447368903,"node_id":"MDEyOklzc3VlQ29tbWVudDQ0NzM2ODkwMw==","user":{"login":"agonsalves","id":4049410,"node_id":"MDQ6VXNlcjQwNDk0MTA=","avatar_url":"https://avatars0.githubusercontent.com/u/4049410?v=4","gravatar_id":"","url":"https://api.github.com/users/agonsalves","html_url":"https://github.com/agonsalves","followers_url":"https://api.github.com/users/agonsalves/followers","following_url":"https://api.github.com/users/agonsalves/following{/other_user}","gists_url":"https://api.github.com/users/agonsalves/gists{/gist_id}","starred_url":"https://api.github.com/users/agonsalves/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/agonsalves/subscriptions","organizations_url":"https://api.github.com/users/agonsalves/orgs","repos_url":"https://api.github.com/users/agonsalves/repos","events_url":"https://api.github.com/users/agonsalves/events{/privacy}","received_events_url":"https://api.github.com/users/agonsalves/received_events","type":"User","site_admin":false},"created_at":"2018-12-14T16:01:57Z","updated_at":"2018-12-14T16:01:57Z","author_association":"NONE","body":"@cinan Thanks. How do I make them aware? The renderItem method only passes two values to the component."}}
{"actor":{"display_login":"agonsalves"}}