'VueJS 3 - Extraneous quotes in shallowReactive object of refs

I have, for very good reasons completely irrelevant to this this question, a shallowReactive object comprised of individual string refs.

const selections = shallowReactive({});
selections[i] = ref("Literally any string");

I have a working example here.

These quotes are not in the template or the string itself, I have to have stumbled onto some weird behavior with shallowReactive and/or ref. I understand this is not a typical Vue pattern. I'm hoping someone understands why this is happening and can share their knowledge.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source