getRefNativeTag : RN 0.72.1 error new error

[billnbell]

Bug

Issue on React Native 0.72.1 when using GetStream and use_framework static - throw new Error happening in getRefNativeTag
with Unexpected nativeTag ...

Environment info

Library	Version
@gorhom/bottom-sheet	4.4.5
react-native	0.72.1
react-native-reanimated	3.3.0
react-native-gesture-handler	2.12.0
stream-chat-react-native	5.15.2

Steps To Reproduce

1. Load app after installing getstream react native library - stream-chat-react-native v5.15.2
2. Exception is thrown in getRefNativeTag()

Describe what you expected to happen:

1. No exception.

Reproducible sample code

Happy if you need more examples.

[dev-fredericfox]

I have the same error in every scrollable component. BottomSheetView seems to work fine.

[billnbell]

True. So I commented that code out and I am good. Throwing an exception when it works without it - maybe it should be a warning?

@gorhom+bottom-sheet+4.4.5.patch

diff --git a/node_modules/@gorhom/bottom-sheet/src/utilities/getRefNativeTag.ts b/node_modules/@gorhom/bottom-sheet/src/utilities/getRefNativeTag.ts
index d4f3cc4..794a175 100644
--- a/node_modules/@gorhom/bottom-sheet/src/utilities/getRefNativeTag.ts
+++ b/node_modules/@gorhom/bottom-sheet/src/utilities/getRefNativeTag.ts
@@ -27,17 +27,17 @@ export function getRefNativeTag(ref: unknown) {
     nativeTag = ref.current._nativeTag;
   }
 
-  if (!nativeTag || typeof nativeTag !== 'number') {
-    throw new Error(
-      `Unexpected nativeTag: ${refType}; nativeTag=${nativeTag} 
+  // if (!nativeTag || typeof nativeTag !== 'number') {
+  //   throw new Error(
+  //     `Unexpected nativeTag: ${refType}; nativeTag=${nativeTag} 
 
-			createBottomSheetScrollableComponent's ScrollableComponent needs to return 
-			a reference that contains a nativeTag to a Native HostComponent.
+	// 		createBottomSheetScrollableComponent's ScrollableComponent needs to return 
+	// 		a reference that contains a nativeTag to a Native HostComponent.
 
-			ref=${ref}
-			`
-    );
-  }
+	// 		ref=${ref}
+	// 		`
+  //   );
+  // }
 
   return nativeTag;
 }

[fgagneten]

Same issue here. It happens to me with virtualized list an a modal action sheet

[vhakulinen]

I encountered this issue when trying out the new architecture.

[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.

[jspizziri]

@gorhom this seems to be a thing. Please reopen.

[nartjie101]

I got the same issue :(

[mordonez-me]

This happens with new architecture

[keithchan-bowtie]

This happens with new architecture.
Please reopen it!

If I comment the error like @billnbell , the scrollable content won't be shown but I can see the BottomSheet attached on the screen. (using Element Inspector)

[theyanniss23002]

react-native version 0.73, bottom-sheet version 4.5.1 and the problem still remains, there is no error when opening, but if inside the bottom-sheet you do an onPress event or something like that, this error appears

[Crhis35]

I found this partial solution:
https://gorhom.github.io/react-native-bottom-sheet/troubleshooting/#adding-horizontal-flatlist-or-scrollview-is-not-working-properly-on-android

Using ScrollView instead of BottomSheetScrollView

[parkwherever]

Using ScrollView conflicts with the resolution to dynamic sizing: #1573

[vishalsaini26]

I found this partial solution: https://gorhom.github.io/react-native-bottom-sheet/troubleshooting/#adding-horizontal-flatlist-or-scrollview-is-not-working-properly-on-android

Using ScrollView instead of BottomSheetScrollView

That seems to solves the issue

[victorneuret]

Had a similar issue with BottomSheetFlatList. Replacing it by FlatList fixed it for me

[khushal87]

The question is: Is replacing the Flatlist of the bottom sheet with that of the gesture handler a proper solution?

@gorhom