This is my first time using react-select and I have created the dropdown as below (I want this dropdown to be a re-usable component)

This is my first time using react-select and I have created the dropdown as below (I want this dropdown to be a re-usable component)

This is my first time using react-select and I have created the dropdown as below (I want this dropdown to be a re-usable component)

I am newish to React and am using React Select (https://react-select.com/) to create a dropdown list. I want to wrap this in my own component, so I can send React Select a specific set of props based off the props I give the wrapping component.

I am just getting started with React and having difficulty in passing the value of the selected dropdown value to the backend. Sharing the code below for reference, any help would be highly appreciated.

So it’s a known bug of react-select AsyncPaginate where the dropdown closes as soon as you select an option in a multi-option dropdown. Which shouldn’t be the case.
Basically ‘closeMenuOnSelect’ doesn’t work as intended if we use Creatable react-select.