Error when using @ProvideReactive: Cannot redefine property

[PeterPanZH]

When I upgrade vue-property-decorator to 8.3.0, it comes with a TypeError: Cannot redefine property on line Object.defineProperty(rv[reactiveInjectKey], provide.managedReactive[i], {.
I think it was related to #249 and caused by #264 .

const InjectKey = Symbol();

@Component
class ParentComponent extends Vue {
    @ProvideReactive(InejctKey) foo: any = {};
}

@Component
class ChildComponent extends Vue {
    @InjectReactive({
        from: InejctKey,
        default: ({})
    })
    readonly foo!: any;
}

[fluidsonic]

I just ran into the same issue. When a second instance of a component that uses @ProvideReactive is being created TypeError: Cannot redefine property is thrown.

Downgrading to 8.2.2 fixes the issue.

[gmoneh]

Yes. The ProvideReactive/InjectReactive feature is broken in 8.3.0 after this change. In my child components, I get:
Injection "reactiveInject" not found

[micene09]

any news here? I'm getting this error too.

[Mrminfive]

set inject: [] in Component options

const InjectKey = Symbol();

@Component({ inject: [] })
class ParentComponent extends Vue {
    @ProvideReactive(InejctKey) foo: any = {};
}

@Component
class ChildComponent extends Vue {
    @InjectReactive({
        from: InejctKey,
        default: ({})
    })
    readonly foo!: any;
}

because

// inject parent reactive services (if any)
if (!Array.isArray(componentOptions.inject)) {
    componentOptions.inject = componentOptions.inject || {};
    componentOptions.inject[reactiveInjectKey] = { from: reactiveInjectKey, default: {}};
}

[PeterPanZH]

@Mrminfive That works in 8.3.0. For a temporarily solution.

[Jonny-china]

@Mrminfive thanks!

[LYnnProspery]

set inject: [] in Component options

const InjectKey = Symbol();

@Component({ inject: [] })
class ParentComponent extends Vue {
    @ProvideReactive(InejctKey) foo: any = {};
}

@Component
class ChildComponent extends Vue {
    @InjectReactive({
        from: InejctKey,
        default: ({})
    })
    readonly foo!: any;
}

because

// inject parent reactive services (if any)
if (!Array.isArray(componentOptions.inject)) {
    componentOptions.inject = componentOptions.inject || {};
    componentOptions.inject[reactiveInjectKey] = { from: reactiveInjectKey, default: {}};
}

it will lead the injects in component get undefined

[tsofist]

Any updates for this issue?

it will lead the injects in component get undefined

This (new) problem affected from v8.4.0

I'm rollback to v8.3.0 😞

[redakzter01]

I just ran into the same issue. When a second instance of a component that uses @ProvideReactive is being created TypeError: Cannot redefine property is thrown.

Downgrading to 8.2.2 fixes the issue.

Same here again ...with version 9.0.0 😕

Edit: Ok, i dont't know why but in package.json i got version 9.0.0. Since the last one is 8.4.2 i changed to it and now seems to work fine. The affected version i were using before was 8.3.0.

[Joebayld]

I'm having this issue on v8.5.1. Is everyone still just using 8.3.0 for now?

I can look into a PR if anyone has insight as to what exactly broke..

[GrzegorzKazana]

FYI, this would be fixed in PR #330.

[bodograumann]

Same problem here on 9.0.0.
This makes me wonder. Could I use the following as a replacement?

@Provide() foo = Vue.observable({ key: value });

Update: The above seems to work fine for me.

[rodsscg]

Same problem here (v.8.4.0)

[spb-web]

Same problem here on 8.5.1

[seamory]

Same problem here (v.8.5.2).
How terrible is it.