Getting error "Event node is of an invalid type" when using event with react-native-gesture-handler. about react-native-reanimated

[DylanVann]

A bit more info. Seems like when it re-renders dropNode is called in REANodesManager.m even though the node isn't actually being unmounted.

It drops the node then tries to call attachEvent with the eventNodeID that was just dropped.

[DylanVann]

Idk if it'll be helpful but here's what I've noticed so far:

In AnimatedComponent, this error is started in componentDidUpdate:

      if (this._component !== this._prevComponent || prevProps !== this.props) {
        this._detachNativeEvents();
        this._attachNativeEvents();
      }

calls into AnimatedEvent to detach, which detaches them and removes them from _nodes:

  detachEvent(viewRef, eventName) {
    const viewTag = findNodeHandle(viewRef);
    ReanimatedModule.detachEvent(viewTag, eventName, this.__nodeID);
    this.__detach();
  }

_attachNativeEvents calls:

  attachEvent(viewRef, eventName) {
    this.__attach();
    const viewTag = findNodeHandle(viewRef);
    ReanimatedModule.attachEvent(viewTag, eventName, this.__nodeID);
  }

__attach calls __nativeInitialize:

  __nativeInitialize() {
    if (this.__nodeConfig) {
      ReanimatedModule.createNode(this.__nodeID, this.__nodeConfig);
      this.__nodeConfig = undefined;
    }
  }

Since the native event was already initialised createNode is not called and an error occurs when attachEvent is called because the node doesn't exist in _nodes.

[kmagiera]

Thanks for reporting will get to it soon