问题是这个代码：

const ref = toRef(props.mix, "primitive")
useComposable("GrandChildComp ref", ref)

如果父进程传递了一个全新的mix值，则ref将指向一个过时的值。此语句只对最初传递的props.mix值起React。
与此相反：

const cref = computed(() => props.mix.primitive)
useComposable("GrandChildComp cref", cref)

该语句对props本身是React性的。
我认为用计算的裁判是你最好的选择。
顺便说一下，如果要将值传递给后代，可以使用inject和provide。

你做的也太复杂了。这里是简化的工作证监会Playground
使用toRefs()

const { primitive, object} = toRefs(props);
useComposable("ChildComp primitive", primitive);
const mix = reactive({ primitive, object});

以及

const props = defineProps<Props>();
const { primitive, object } = toRefs( props.mix );
useComposable("GrandChildComp primitive", primitive)

或表示为computed()

const { primitive, object} = toRefs(props);
useComposable("ChildComp primitive", primitive);
const mix = computed(() => {
  return { primitive, object }
})