Error when closing component: close is not a function

[mikfaina]

I'm trying to close a zoidComponent (to reopen it after) but I get an error
Function to create zoid component:

function zoidPopup(params) {

    return zoid.create({
        tag: params.tag,
        url: params.url,
        dimensions: {
            width: '1200px',
            height: '600px',
        },
        scrolling: false,
        props: {
            save: {
                type: "function",
                required: false,
            },
        },
    });
}

Instantiate and render component:

        this.popUpInstance = zoidPopup({tag: this.#config.tag + '-popUp', url: props.url + '?tag=' + this.#config.tag + '-popUp'})
        this.popUpInstance({
            save: props.save
        }).render("#popupWindow")

Closing component:

if (this.popUpInstance) {
            this.popUpInstance.close()
}

And I get this error:
script.js?bust=1675155705719:122 Uncaught TypeError: this.popUpInstance.close is not a function

Inside the this.popUpInstance when I call the close function I have this:

Any idea?

Thanks

[bluepnume]

Try this:

this.component = zoidPopup({tag: this.#config.tag + '-popUp', url: props.url + '?tag=' + this.#config.tag + '-popUp'})

this.popUpInstance = this.component({
    save: props.save
})

this.popUpInstance.render("#popupWindow");

this.popUpInstance.close();