Quiero usar react-select para agregar valores a una matriz de ganchos. Cuando selecciono una opción seleccionada, me gustaría que el elemento se inserte en la matriz de ganchos, y cuando el usuario se deshaga del elemento, me gustaría que la matriz de ganchos también se actualice.

Aquí están mis teams :

 const teams = [ { label: "Arsenal", value: 42 }, { label: "Aston Villa", value: 66 }, { label: "Brentford", value: 55 } ];

Quiero ponerlos todos en un enlace de matriz de equipos comparedTeams y actualizar el onChange :

 const [comparedTeams, setComparedTeams] = useState([]); return ( <div style={{ marginTop: "10px" }}> <Select isMulti name="select-teams" options={teams} className="basic-multi-select" classNamePrefix="select" onChange={(e) => { setComparedTeams([...comparedTeams, e.label]); }} /> </div> );

Sin embargo, cada vez que agrego el elemento, sigo recibiendo este error:

¿Cómo hago para que la matriz de ganchos se actualice cuando un usuario activa un onChange ?