Memoryleak when using the Gesture object

Description

There seems to be a memory leak when using the Gesture object with the GestureDetector, from the react-native-gesture-handler package.

This is happening for all the different GestureObjects (LongPress, ForceTouch, etc.), and as soon as I attach one or multiple on listeners (onBegin, onStart, etc.).

Is there any way, I can detach/remove a listener, when the component unmount?

Platforms

• iOS

Screenshots

https://user-images.githubusercontent.com/32526593/162952109-13bfb87d-8204-4d2f-8bb4-b3cdace506ee.MP4

Steps To Reproduce

Press the “Toggle” button a few time.

Expected behavior

Memory consumption is steady.

Actual behavior

Memory is building up.

Snack or minimal code example

import * as React from "react";
import { Button, View, ScrollView } from "react-native";
import { Gesture, GestureDetector } from "react-native-gesture-handler";

export const Playground = () => {
  const [show, setShow] = React.useState(true);

  return (
    <ScrollView contentContainerStyle={{ paddingTop: 50 }}>
        <Button title={"Toggle"} onPress={() => setShow(!show)} />
        {show &&
          Array(100)
            .fill(true)
            .map((v, index) => <GestureBox key={index} />)}
      </ScrollView>
  );
};

function GestureBox() {
  const gesture = Gesture.LongPress().onBegin(() => {});
  return (
    <GestureDetector gesture={gesture}>
      <View
        style={[
          {
            padding: 10,
            marginHorizontal: 10,
            marginTop: 10,
            height: 50,
            backgroundColor: "skyblue",
          },
        ]}
      />
    </GestureDetector>
  );
}

Package versions

• expo: 44
• react: 17.0.1
• react-native: 0.64.3
• react-native-gesture-handler: 2.3.2
• react-native-reanimated: 2.3.1

[j-piasecki]

Hi! It looks like it happens only when Gesture Handler is using Reanimated to handle events, I’ll pass it on to the Reanimated team so they can take a look.

[alexstanbury]

I’m still seeing this issue using 2.6.0, resolved by using runOnJS.

“react-native”: “^0.70.6”, “react-native-reanimated”: “^2.12.0”, “react-native-gesture-handler”: “^2.6.0”,