[v4] "Couldn't find the scrollable node handle id!" console warning printed from BottomSheetScrollView in tests

[piotr-sobczyk]

Bug

After bumping to 4.6.3 to, when the BottomSheetScrollView component is rendered in jest environment it now prints the following console.warn():

Couldn't find the scrollable node handle id!

Other than that, everything is fully functional in runtime and test environment.

It's mostly a result of this change: #1823 (but console.warn is still much better than the Unexpected nativeTag: object; nativeTag=undefined error that was thrown before 🙏 🙏 )

Environment info

Library	Version
@gorhom/bottom-sheet	4.6.3
react-native	0.74.5
react-native-reanimated	3.10.1
react-native-gesture-handler	2.16.2

Steps To Reproduce

1. Execute a jest tests that is rendering any component tree including BottomSheetScrollView
2. "Couldn't find the scrollable node handle id!" warning is printed

Describe what you expected to happen:

1. I expected no console.warns to be printed.

Reproducible sample code

Any jest test running the code with BottomSheetScrollView will reproduce the issue.

[dathuynh-eh]

@piotr-sobczyk I get the same issue. Do we have any solution for this?

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[github-actions]

This issue was closed because it has been stalled for 5 days with no activity.

[MariuzM]

This with expo 54 started showing as warning Couldn't find the scrollable node handle id!

[raffidahmad]

Same issue in expo 54

[prince272]

Same issue too

[joshmohrer]

same here.

[tahayeslbg]

I'm having the same issue with expo 54.

[renanmav]

This seems to be an issue with useScrollableSetter, ref is null here:

  // callbacks
  const handleSettingScrollable = useCallback(() => {
    // set current content offset
    animatedScrollableState.set(state => ({
      ...state,
      contentOffsetY: contentOffsetY.value,
      type,
      refreshable,
    }));

    // set current scrollable ref
    console.log('ref.current', ref.current); // 👈 this is null
    const id = findNodeHandle(ref.current);
    if (id) {
      setScrollableRef({
        id: id,
        node: ref,
      });
    } else {
      console.warn(`Couldn't find the scrollable node handle id!`);
    }

Solved temporarily with this patch #2374 (comment)