How to properly implement continue where you left off (save/goto index)

[marsilinou97]

I'm trying to implement continue where you left off feature using masonic. On redner function seems to pass indexes including the overscanBy factor. I'm having an issue properly setting and using the value of the "last viewed" index. Seems the issue that I'm rendering images and the heights are not being calculated until the images are loaded causing wrong scrolling positions? Is there a way to handle this?

I tried to set the index to the Math.floor(stopIndex / OVERSCAN_FACTOR);

        onRender: (startIndex, stopIndex, items) => {
          const currentIndex = Math.floor(stopIndex / 4);
          setCurrentIdx(currentIndex)
          // localStorage.setItem(`${id}.idx`, currentIndex.toString());
        },

  const scrollToIndex = useScrollToIndex(positioner, {
    align: "bottom",
  });

In my on click handler: scrollToIndex(getIdx(id));

const getIdx = (id) => {
  try {
    const v = +localStorage.getItem(`${id}.stopIndex`) * 4;
    console.log("Continue from: ", v);
    return v;
  } catch (e) {
    return 0;
  }
};