Vue3 reactivity in props breaks when props are de-referenced?

Question

Since the variable editing loses reactivity to prop changes when the prop is accessed this way, I am wondering how I can fix this so I maintain reactivity to prop changes. I can't use computed property since I will need to update the editing.value in other scenarios.

const editing = ref(false)
editing.value = !props.modelValue || !props.obscureInitialValue;

I can setup a watcher to watch for the prop change and then update the editing.value. But I am wondering if there are any better ways? I have also considered using toRefs but then won't I run into the same issue.

For eg-

const modelValue = toRef(props.modelValue)
const obscureInitialValue = toRef(props.obscureInitialValue)

const editing = ref(!modelValue || !obscureInitialValue);

Wouldn't the above just cause the same broken link to prop changes?