CRASH with Swipeable when setting state on componentDidMount

Argument 1 (NSNumber) of RNGestureHandlerModule.attachGestureHandler must not be null

Gesture handler version: 1.0.1

I made a simple reproduction repo of the problem here: https://github.com/henrikra/gesture-handler-crash/blob/master/App.js

Steps to reproduce:

1. Use Swipeable somewhere in your component
2. Use setState in componentDidMount
3. See crash! 💥

Workaround: Add setTimeout with 0 delay and it will not crash. But this is very flake workaround and should not be used

I hope this gets fixed soon since this is very critical bug 😕

[waheedakhtar694]

Still getting the same error

[adrienthiery]

Hi there,

I encountered that error using a custom component as a child to PanGestureHandler that was using View but without passing the nativeProps down.

<PanGestureHandler
    {...this.props}
    onGestureEvent={this._onGestureEvent}
    onHandlerStateChange={this._onHandlerStateChange}
    id="dragbox"
>
    <MyComponent>...</MyComponent>
</PanGestureHandler>

Adding :

class MyComponent extends Component {
+    setNativeProps(props: Object) {
+        this.ref.setNativeProps(props);
+    }

+    getRef = (ref: View) => {
+        this.ref = ref;
+    };

    render() {
        return (
            <View
                {...this.props}
+                ref={this.getRef}
                style={[styles.view, this.props.style]}
            >
                ...
            </View>
        );
    }
}

to my component fixed it.

Hopefully it can help other devs looking at that issue to figure out what their problem is 🙂