Fix: the ability to use a custom button via buttonRef prop was broken.

[some1-in-here]

It was impossible to use custom buttonRef.
Moreover, the buttonRef has been combined with the EmojiPicker component in the React.portal. And now, we have two components independent of each other.

If any changes are required, I will be happy to make them.

[AJBrownson]

@cesarwbr Would be nice if this pull request was merged

[cesarwbr]

Thanks for identifying this bug — the appendChild DOM mutation inside React effects is definitely an anti-pattern. A few things to address before merging:

Removing the ReactDOM.createPortal() entirely may break the buttonElement (non-ref) code path — could you verify?
The native addEventListener will pass a native MouseEvent to toggleShowPicker, but calcTopPosition uses event.currentTarget which may behave differently with native vs synthetic events.
typeButton has no initial state, causing a brief flash on first render.
The direction is right though — would love to see an updated version addressing these.