I attached dropdown items to my form group input field (image below). When I add onChange() key in order to get its value, I cannot write anything to input field. But when I remove onChange() key, it is working, I am able to write anything, but I need to get the value of input field. Is there any other way than onChange() key or any solution? Thank you in advance :) Here is the my code:

<Form.Control
        ref={ref}
        onClick={e => {
          e.preventDefault();
          onClick(e);
        }}
        size="sm"
        type="text"
        className="search-or-jump shadow-none"
        placeholder="Search or jump to..."
        onChange={event => setSearchName(event.target.value)}
      />
      {children}
    </Form.Group>