Select won't show selected option

I’m using Ionic React in order to make appear -or not, an IonItem tag depending on the option is selected, even thoug the variable is stored correctly,it wont show in the select. Here is the code:

interface Bascula {
  id: number,
  nombre: string,
  expandir: Boolean
};

const basculas: Bascula[] = [
  {
    id: 1,
    nombre: "Báscula Entrada Gescrap", 
    expandir: true
  },...(more objects here)];

  const [ bascula, nuevaBascula ] = React.useState('');
  const [ estadoBascula, hayBascula ] = React.useState(false);
  const [ identificacion, nuevaIdentificacion ] = React.useState(0);
  const [ peso, nuevoPeso ] = React.useState(0);

The select code:

<IonSelect value = { {id: identificacion, nombre: bascula, expandir: estadoBascula } } onIonChange = { (e) => {  
              nuevaBascula(e.detail.value.nombre); 
              hayBascula(e.detail.value.expandir);          
              nuevaIdentificacion(e.detail.value.identificacion);
          } }>
            {basculas.map((bascula) => {
              return (
              <IonSelectOption value = { bascula } > {bascula.nombre} </IonSelectOption>
              );
            })} 
          </IonSelect>

I’ve tried to use compareWith property, but my program seems to render like three to five times on every onIonChange and it makes the variable to transform into undefined. This problem might be related to the use of an object as value, but I don´t know how to solve it.

Any solution found? I have the same problem