How to use class instances in ref() state?

[ClementNerma]

Hi there!

I'm currently working on a project where at one point, I have an object wrapped in a ref() that happens to contain an instance of a specific class.

When I try to access it, I unfortunately get problems as it's not a class instance anymore ; it's been modified as a basic object containing a list of method name - method function pairs.

The problem is that I absolutely need to store that class instance somewhere in the ref()'s object. How can this be done?

Thanks for your help!

[Shyam-Chen]

const el = ref<HTMLDivElement>();

el.value.classList.add('foo');

[jacekkarczmarczyk]

Wrap the class instance in markRaw (class properties won't be reactive, you may need to workaround it but specific solution may depend on the use case)

[ClementNerma]

Thanks! That worked perfectly :)