Store motion value (useTransform + useSpring) in zustand store not working

[trompx]

Hello,
I am creating a smooth scroll with framer motion doing the following:

  ...
  const { scrollY } = useViewportScroll();
  const transform = useTransform(scrollY, (value) => factor * value);
  const framerScrollY = useSpring(transform, framerSmoothScrollPhysics);
  setFramerScrollY(framerScrollY) // zustand method to update the store
  ...

I want to store the smoothScrollY in a zustand store so I can access this value accross multiple components.
I am using the subscribe method of zustand to create a hook and get store value update without triggering a rerender.
In a raf loop, I can confirm that the value of the motion in the store is updated, but when I try to use it with framer useTransform, it seems the value is not used:

const framerScrollY = useFramerScrollY(); // my hook that gets the value from the zustand store that doesn't trigger a rerender
// PROGRESS REMAINS 0
const progress = useTransform(framerScrollY, bounds, [0, 1], { clamp });
// but framerScrollY.current.current is correctly updated
useRaf(() => {
  console.log(progress.current, framerScrollY.current.current);
});

However, if I apply the same logic as I did to create the smooth effect, the value gets updated:

  const { scrollY } = useViewportScroll();
  const transform = useTransform(scrollY, (value) => factor * value);
  const framerScrollY = useSpring(transform, framerSmoothScrollPhysics);
  // PROGRESS IS UPDATED
  const progress = useTransform(framerScrollY, bounds, [0, 1], { clamp });

Is there a way to store the motion value in a react/zustand context/store and get framer to update its value or the way to do it is to factorize the part of the code that create the smooth effect and use it as a base for all other components depending on it?

Thanks in advance for the help.