Adjunté elementos desplegables a mi campo de entrada de grupo de formulario (imagen a continuación). Cuando agrego la tecla onChange() para obtener su valor, no puedo escribir nada en el campo de entrada. Pero cuando elimino la tecla onChange() , está funcionando, puedo escribir cualquier cosa, pero necesito obtener el valor del campo de entrada. ¿Hay alguna otra forma que no sea la tecla onChange() o alguna solución? Gracias de antemano :) Aquí está mi código:

 <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>