{"action":"created","issue":{"url":"https://api.github.com/repos/popperjs/react-popper/issues/308","repository_url":"https://api.github.com/repos/popperjs/react-popper","labels_url":"https://api.github.com/repos/popperjs/react-popper/issues/308/labels{/name}","comments_url":"https://api.github.com/repos/popperjs/react-popper/issues/308/comments","events_url":"https://api.github.com/repos/popperjs/react-popper/issues/308/events","html_url":"https://github.com/popperjs/react-popper/pull/308","id":494277141,"node_id":"MDExOlB1bGxSZXF1ZXN0MzE4MDYzMTMz","number":308,"title":"Allow ref objects to be passed","user":{"login":"maclockard","id":7308388,"node_id":"MDQ6VXNlcjczMDgzODg=","avatar_url":"https://avatars3.githubusercontent.com/u/7308388?v=4","gravatar_id":"","url":"https://api.github.com/users/maclockard","html_url":"https://github.com/maclockard","followers_url":"https://api.github.com/users/maclockard/followers","following_url":"https://api.github.com/users/maclockard/following{/other_user}","gists_url":"https://api.github.com/users/maclockard/gists{/gist_id}","starred_url":"https://api.github.com/users/maclockard/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maclockard/subscriptions","organizations_url":"https://api.github.com/users/maclockard/orgs","repos_url":"https://api.github.com/users/maclockard/repos","events_url":"https://api.github.com/users/maclockard/events{/privacy}","received_events_url":"https://api.github.com/users/maclockard/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":8,"created_at":"2019-09-16T21:05:55Z","updated_at":"2019-12-15T22:33:13Z","closed_at":"2019-11-02T06:34:29Z","author_association":"CONTRIBUTOR","pull_request":{"url":"https://api.github.com/repos/popperjs/react-popper/pulls/308","html_url":"https://github.com/popperjs/react-popper/pull/308","diff_url":"https://github.com/popperjs/react-popper/pull/308.diff","patch_url":"https://github.com/popperjs/react-popper/pull/308.patch"},"body":"Fixes #307 \r\n\r\nI tested this locally with my app using `yarn link` and everything worked!"},"comment":{"url":"https://api.github.com/repos/popperjs/react-popper/issues/comments/565854028","html_url":"https://github.com/popperjs/react-popper/pull/308#issuecomment-565854028","issue_url":"https://api.github.com/repos/popperjs/react-popper/issues/308","id":565854028,"node_id":"MDEyOklzc3VlQ29tbWVudDU2NTg1NDAyOA==","user":{"login":"maclockard","id":7308388,"node_id":"MDQ6VXNlcjczMDgzODg=","avatar_url":"https://avatars3.githubusercontent.com/u/7308388?v=4","gravatar_id":"","url":"https://api.github.com/users/maclockard","html_url":"https://github.com/maclockard","followers_url":"https://api.github.com/users/maclockard/followers","following_url":"https://api.github.com/users/maclockard/following{/other_user}","gists_url":"https://api.github.com/users/maclockard/gists{/gist_id}","starred_url":"https://api.github.com/users/maclockard/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/maclockard/subscriptions","organizations_url":"https://api.github.com/users/maclockard/orgs","repos_url":"https://api.github.com/users/maclockard/repos","events_url":"https://api.github.com/users/maclockard/events{/privacy}","received_events_url":"https://api.github.com/users/maclockard/received_events","type":"User","site_admin":false},"created_at":"2019-12-15T22:33:13Z","updated_at":"2019-12-15T22:33:13Z","author_association":"CONTRIBUTOR","body":"Another solution is that react-popper provides an [`innferRef` prop](https://github.com/popperjs/react-popper/blob/master/typings/react-popper.d.ts#L18) on `Reference`. You could pass `buttonRef` as that prop and react-popper will correctly combine `buttonRef` and the ref it uses under the hood. Here's the code that does that: https://github.com/popperjs/react-popper/blob/master/src/Reference.js#L21-L24.\r\n\r\nSo your code would look like this:\r\n```\r\n      <Reference innerRef={buttonRef}>\r\n        {({ ref }) => <Button ref={ref} toggle={toggle} />}\r\n      </Reference>\r\n```"}}
{"actor":{"display_login":"maclockard"}}