Error in Modal loading different components

[danielreales7]

I am having a problem loading a modal component.
I have a list of users and when I open one of them it shows me the user's information correctly, but when I close this one and open a different one, it is showing me the information of the previous one.

Alpine.data('dropdown', () => ({
        optionsFases: [],
        optionsSecciones: [],
        optionsDestinos: [],
        optionsOpciones: [],
        optionsSubalmacenes: [],
        selectedFases: [],
        selectedSecciones: [],
        selectedDestinos: [],
        selectedOpciones: [],
        selectedSubalmacenes: [],
        show: false,
        todasFases: false,
        todasSecciones: false,
        todasDestinos: false,
        todasOpciones: false,
        todasSubalmacenes: false,
        open() { this.show = true },
        close() { this.show = false },
        isOpen() { return this.show === true },
        selectFases(index, event) {
            if(!index) {
                if(!this.todasFases) {
                    this.optionsFases[0].text = 'NINGUNA';
                    for (let i = 1; i < this.optionsFases.length; i++) {
                        if(!this.optionsFases[i].selected) {
                            this.optionsFases[i].selected = true;
                            this.selectedFases.push(i);
                        }
                    }
                    this.todasFases = true;
                } else {
                    this.optionsFases[0].text = 'TODAS';
                    for (let i = 1; i < this.optionsFases.length; i++) {
                        if(this.optionsFases[i].selected) {
                            this.optionsFases[i].selected = false;
                            this.selectedFases.splice(this.selectedFases.lastIndexOf(i), 1);
                        }
                    }
                    this.todasFases = false;
                }
                this.selectedFases.sort((a,b)=>a-b);
            } else {
                if (!this.optionsFases[index].selected) {

                    this.optionsFases[index].selected = true;
                    this.optionsFases[index].element = event.target;
                    this.selectedFases.push(index);

                } else {
                    this.selectedFases.splice(this.selectedFases.lastIndexOf(index), 1);
                    this.optionsFases[index].selected = false
                }
            }
            this.actualizarFases();
        },
actualizarFases(){
            const envioFases = this.selectedFases.map((option)=>{
                return parseInt(this.optionsFases[option].value);
            })
            window.Livewire.emit('actualizaFases', envioFases);
        }

I call to Alpine like this:

x-data="dropdown()" x-init="cargarFases()"

With version 2 it worked correctly. Not now. What am I doing wrong?