Implementing Drag and Drop Feature with reanimated 2 and recylerlistview

[rassemdev]

I have a listiview where I am showing a lot of customers. There is a feature where I need to drag and drop list item. Now I am trying to implement this on RNR-2, but facing some problems. Here is my main wrapper.

const gestureHandler = useAnimatedGestureHandler({
  onStart(event) {
    runOnJS(setMoving)(true);
  },
  onActive(event) {
    top.value = event.absoluteY - 240;
    console.log(listRef);
  },
  onFinish() {
    runOnJS(setMoving)(false);
  }
});

const renderCustomerList = (type, data) => {
  return (
    <Animated.View style={[styles.customerView]}>
      <PanGestureHandler onGestureEvent={gestureHandler}>
        <Animated.View style={{ width: wp("17%") }}>
          <View style={styles.draggingHandler}>
            <Text>{data.unique_number}</Text>
          </View>
        </Animated.View>
      </PanGestureHandler>
      <Customer key={data.borrower_id} details={data} navigation={props.navigation} />
    </Animated.View>
  );
}

const MainBody =() => {
  const listRef = React.createRef();
  .....................................

  <SafeAreaView style={styles.wrapperView}>
      <RecyclerListView
        ref={listRef}
        style={{ flex: 1 }}
        onScroll={handleScroll}
        onLayout={handleLayout}
        rowRenderer={renderCustomerList}
        dataProvider={dataProvider}
        layoutProvider={layoutProvider}
        renderAheadOffset={RENDER_AHEAD}
      />

      {moving && (
        <Animated.View style={reanimatedStyle}>
          <View style={styles.customerView}>
            <View style={[ styles.draggingHandler, {width: wp("17%") }]}>
              <Text>{selectedCustomer.unique_number}</Text>
            </View>
            <Customer key={selectedCustomer.borrower_id} details={selectedCustomer} navigation={props.navigation} />
          </View>
        </Animated.View>
      )}
    </SafeAreaView>
    ............................................
  }

In this list, while dragging a item, when it reaches the threshold, I am programmatically trying to scroll the listview. For that I needed to get reference to the RecyclerListView. But when I'm trying to use the listRef onActive gesture event, the app crashed. When I open my logcat in android studio, it is giving me a bunch of errors. Among them TypeError: Cannot add new property '__reanimatedHostObjectRef'. What could be the reason?