Solution to Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value.

@Prop() enabled!: boolean = false;

```text

And got this error:

> Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “enabled”

And fixed by doing:

```typescript

@Prop({default: false}) enabled!: boolean;