Access parent data in alpine data function in typescript

[believelody]

Hi everyone, let's take this case:

<div x-data="{ parentValue: true }">
    <div x-data="childData">...</div>
</div>

With typescript, if I want to define the alpine data function childData, alpinejs provides a generic type AlpineComponent where T is the returned object type.

I want typescript to be aware of parent's properties of childData in the scope of the function !

For instance, doing things like this:

function childData(): AlpineComponent<{ value: boolean, setValue: (v: boolean) => void }> {
    return {
        value: false,
        setValue(v: boolean) {
            // I can access parent properties but typescript doesn't know this
            console.log(this.parentValue)
            this.value = v;
        }
    }
}

The console.log will print the parentValue's value but when writing this line, this property will not be displayed in the available properties of "this". So it will be underlined in red color.
How can I make it work ? If parentValue is part of T, it has to be in the returned object, which isn't what I really want. Or maybe it's the only way ?

Thanks for your time