onClickOutside triggers before Picker modal is visible

[AndyOooh]

Hi,

I have an emoji Picker in my react project, which renders conditionally based on an emojiPickerVisible state.
A button sets it true and I have the onClickOutside prop setting it to false. The problem is that onClickOutside triggers with when I click the button. I managed a workaround using setTimeout but is there a better way?

onClickOutside={() => setEmojiPickerVisible(false)}

<div onClick={() => setTimeout(() => { setEmojiPickerVisible(true)}, 0)}>