I'm trying to put a couple of checkboxes inside the dropdown of React-select to filter the options of the dropdown.
I've seen this: React-Select custom input inside MenuList and tried to replicate this: https://codesandbox.io/embed/m75wlyx3oy. It seems like the prop onMenuInputFocus is the key here. But this prop doesn't exist anymore in the version I'm using(5.2.1^).
I am able to click the checkbox itself without closing the dropdown by stopping the event propagation. But that doesn't seem to work when clicking the label.
Does anyone know of an alternative to onMenuInputFocus? Or another way to keep the dropdown open?