Reanimated Layout Transitions with TanStack Query

[thecoorum]

Hey everybody!

So, if I understood correctly the main purpose of the prepareForLayoutAnimationRender is to disable the recycling for the next render? I was wondering how and when I can call this method if I'm using the TanStack Query (infinite query if to be precise) for fetching and caching the data. Any suggestions are welcome and appreciated!

Also, is this the correct CellRendererComponent definition if I want to support Layout Transitions on inserts and removals?

const CellRenderer = (props: any) => (
  <Animated.View
    {...props}
    entering={SpringFadeIn}
    exiting={SpringFadeOut}
    layout={Layout}
  />
);