Storing a Lit template in a mobx store does not work about mobx HOT 3 CLOSED

On Wed, Feb 28, 2024 at 9:59 AM Artur ***@***.***> wrote: *Intended outcome:* I want to store a Lit template in a mobx store, and then render it, like this class TestStore { tpl: TemplateResult | undefined = undefined; constructor() { makeAutoObservable(this); } } const testStore = new TestStore(); testStore.tpl = html`Hello`; render(testStore.tpl, document.body); should add "Hello" to the document body. *Actual outcome:* Lit adds a raw property on the strings array inside the tpl value. This raw property is lost when mobx makes tpl observable and rendering then fails. The main thing I want to accomplish is being able to store "rich text" in the store. I don't need it to be observable because it is not supposed to change. However, when using makeAutoObservable, it quickly becomes quite tedious to mark properties here and there as not observed, and I am not even sure if you can do that for nested properties. Good outcomes would be any one that does not require any work per property but can be applied globally on the store, e.g.: 1. MobX would preserve properties on arrays and it would just work, even when the template is observed 2. There is an easy way to plug in my own handler that in a generic way can copy the raw property when an array is set 3. There is an easy way to exclude all properties of type X when calling makeAutoObservable *How to reproduce the issue:* https://codesandbox.io/p/sandbox/elegant-benji-gs3zgs *Versions* mobx 6.12.0 lit 3.1.2 — Reply to this email directly, view it on GitHub <#3837>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAN4NBHWMAE72NEVCSDDSDLYV3WYXAVCNFSM6AAAAABD5TG4RCVHI2DSMVQWIX3LMV43ASLTON2WKOZSGE2TQNBUGYZTAMQ> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>