useScroll with undefined ref at first render with negative offset

[prrrcl]

Hi you all!

I have a useScroll with some useTransform hooks. At the first render, the ref of the container is undefined (as always) but, I see a small screen flash with the output of useTransform 🫤

The example code:

 const ref = useRef();
 const { scrollYProgress } = useScroll({
    target: ref,
    offset: ["end start", "end end"],
  });
  
 const translate = useTransform(
    scrollYProgress,
    [maxValue, minValue],
    [1, 0.96]
  );
 const translate3d = useMotionTemplate`scale3d(${translate}, 1 ,1)`; 

The first render is:

The second render:

The first must be the same of the first one

The effect that I want to reproduce is on the ref current bottom: