Get current value from useTransform not working

[myhrmans]

Hi. Trying to get the value returned from useTransorm but the current value that is returned stays the same.
But the div that is reading the color value is however updating.. Am I doing anything wrong here?

    const y = useMotionValue(0);
    const yInput = [-20, -0.1, 0, 0.1, 20];
    let background = useTransform(y, yInput, [
        "#FF0000",
        "#00FF00",
        "#202224",
        "#00FF00",
        "#0000FF",
    ]);

    $: console.log("Background:", background) //this line outputs each change but not the change in the value. 


  **** unimportant lines ****

<Motion
    drag={dragEnabled}
    dragConstraints={{ top: 0, left: 0, right: 0, bottom: 0 }}
    dragElastic={{ top: 0.1, left: 0.1, right: 0.1, bottom: 0.1 }}
    onDragEnd={dragEnd}
    onPanEnd={panEnd}
    onDrag={onDrag}
    dragDirectionLock={true}
    style={{ y, background }}
    let:motion
>

*div*

</Motion>

[micha-lmxt]

Hi,

useTransform returns a store. You can use auto subscription ($ before background):

$: console.log("Background:", $background)