solid: createEffect works, but attribute expression reactivity with same variable is not being triggered

Seems like I’m experiencing the same issue described in https://github.com/adamhaile/surplus/issues/27, but with Solid.

I have an expression like this:

<line strokeWidth={(console.log('re-run strokeWidth attribute'), this.width)} />

But the console.log only fires once, initially, and isn’t updating on changes to the underlying reactive variable.

• this.width is a getter that calls this.ratio.
• this.ratio is a getter that calls this.animationAmount.
• and finally, this.animationAmount is a getter that reads from a reactive signal made with createSignal.

Seems like the problem is only in the attribute. Because if I run something like

    createEffect(() => {
      console.log('anim: ', this.width)
    })

then I see the logs during my animation. It is only the attribute that isn’t being updated.