App crashing with `Tabs.FlashList` when using with `@shopify/flash-list@2.0.0-rc.9`

[thecoorum]

When using the Tabs.FlashList opening a screen with the component crashes the app while development. What I also noticed is that it seems to be working with hot reload after using for example Tabs.FlatList and then changing it to the Tabs.FlashList

Also, not related to the crash issue, but does it make sense to remove the @shopify/flash-list from dev and peer dependencies to allow using pre-release versions?

[CornerSkyless]

same issue

[dhruvpvx]

same issue

[TowhidKashem]

Same, was going crazy trying to nail it down. It works fine when using Tabs.FlatList.

[TowhidKashem]

Ok I found the fix, in the FlashList.tsx component, change this:

  useEffect(() => {
    setRef(name, recyclerRef);
  }, [name, recyclerRef, setRef]);

to this:

  useEffect(() => {
    setRef(name, ref);
  }, [name, ref, setRef]);

you can use patch package or fork the repo until a fix PR is merged.

[itsnyx]

same issue the patch you showed fixed my crash @TowhidKashem

[GeorgeHop]

+1

[andreialecu]

This should be fixed by #483