Unsupported top level event type "onGestureHandlerStateChange" dispatched #320

punksta · 2018-10-21T10:36:05Z

I am getting crash when I touch the PanGestureHandler.

return (
			<PanGestureHandler
				onGestureEvent={this.onGestureEvent}
				onHandlerStateChange={this.onHandlerStateChange}
			>
				<Animated.View style={[style, panStyle]} {...rest}>
					{children}
				</Animated.View>
			</PanGestureHandler>
		);

package.json

    "react-native-gesture-handler": "1.0.8",
    "react": "^16.5.0",
    "react-native": "^0.57.2",

android versions:

  compileSdkVersion 27
    buildToolsVersion '27.0.3'

    defaultConfig {
        minSdkVersion 16
        targetSdkVersion 27
  }

    implementation "com.android.support:appcompat-v7:27.1.1"

crash log

Unsupported top level event type "onGestureHandlerStateChange" dispatched
extractEvents
    ReactNativeRenderer-dev.js:2471:6
extractEvents
    ReactNativeRenderer-dev.js:1016:8
runExtractedEventsInBatch
    ReactNativeRenderer-dev.js:1070:4
<unknown>
    ReactNativeRenderer-dev.js:2713:6
batchedUpdates$1
    ReactNativeRenderer-dev.js:15311:14
batchedUpdates
    ReactNativeRenderer-dev.js:2616:31
_receiveRootNodeIDEvent
    ReactNativeRenderer-dev.js:2711:17
receiveEvent
    ReactNativeRenderer-dev.js:2731:26
__callFunction
    MessageQueue.js:349:47
<unknown>
    MessageQueue.js:106:26
__guard
    MessageQueue.js:297:10
callFunctionReturnFlushedQueue
    MessageQueue.js:105:17

related issue: expo/expo#2067

The text was updated successfully, but these errors were encountered:

osdnk · 2018-10-22T12:51:20Z

Hi, @punksta
Thanks for the issue. Please, update react to '6.6.0-alpha.8af6728and react-native to 0.57.3 and if it won't help, write here again :)

punksta · 2018-10-22T16:25:31Z

same here

Unsupported top level event type "onGestureHandlerStateChange" dispatched
extractEvents
    ReactNativeRenderer-dev.js:2530:6
extractEvents
    ReactNativeRenderer-dev.js:1073:8
runExtractedEventsInBatch
    ReactNativeRenderer-dev.js:1127:4
<unknown>
    ReactNativeRenderer-dev.js:2772:6
batchedUpdates$1
    ReactNativeRenderer-dev.js:15568:14
batchedUpdates
    ReactNativeRenderer-dev.js:2675:31
_receiveRootNodeIDEvent
    ReactNativeRenderer-dev.js:2770:17
receiveEvent
    ReactNativeRenderer-dev.js:2790:26
__callFunction
    MessageQueue.js:349:47
<unknown>
    MessageQueue.js:106:26
__guard
    MessageQueue.js:297:10
callFunctionReturnFlushedQueue
    MessageQueue.js:105:17

osdnk · 2018-10-22T16:26:27Z

@punksta
Did you try my code with these versions?

osdnk · 2018-10-22T16:27:33Z

Could you build a showcase repo?

punksta · 2018-10-22T16:52:02Z

@osdnk no, it's my opensource project actually.
recent code in dev branch. I use your library here: https://github.com/punksta/Cat-or-dog/blob/dev/src/containers/DraddingFallingV2.js#L187

steps to reproduce:

start the app in debug mode on android
press "play"
press "start game"
try to touch any falling image

if you need minimal example I can try to make it later.

punksta · 2018-10-23T19:11:06Z

@osdnk if you need more info or smaller example, let me know.

Jyrno42 · 2018-11-14T17:13:47Z

Having the same problem on react-native 0.57.5. I am using this library through react-navigation, if that makes a difference.

E: Fixed it by doing the patch of UIManager.RCTView.directEventTypes in my code as well. The patch is here in the codebase if anyone is wondering: https://github.com/kmagiera/react-native-gesture-handler/blob/master/GestureHandler.js#L46

balthazar · 2018-11-30T18:15:37Z

@osdnk Getting the same issue with a Drawer component using:

react-native 0.57.7
react-navigation 3.0.2
react-native-gesture-handler 1.0.10

@Jyrno42 what versions are you using?

Jyrno42 · 2018-12-03T08:22:03Z

react-native: 0.57.5
react-navigation: 3.0.0
react-native-gesture-handler: 1.0.9

E: So I am a bit behind your versions.

enahum · 2018-12-03T15:40:52Z

Same issue here I'm using

react-native-navigation: 1.1.492
react-native: 0.57.5
React: 16.6.3
react-native-gesture-handler: 1.0.10

the packager also crashes with

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 0x10003a08d node::Abort() [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
 2: 0x10003a297 node::OnFatalError(char const*, char const*) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
 3: 0x1001d2455 v8::internal::V8::FatalProcessOutOfMemory(v8::internal::Isolate*, char const*, bool) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
 4: 0x10059d6d2 v8::internal::Heap::FatalProcessOutOfMemory(char const*) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
 5: 0x1005a01a5 v8::internal::Heap::CheckIneffectiveMarkCompact(unsigned long, double) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
 6: 0x10059c04f v8::internal::Heap::PerformGarbageCollection(v8::internal::GarbageCollector, v8::GCCallbackFlags) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
 7: 0x10059a224 v8::internal::Heap::CollectGarbage(v8::internal::AllocationSpace, v8::internal::GarbageCollectionReason, v8::GCCallbackFlags) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
 8: 0x10059a725 v8::internal::Heap::CollectAllAvailableGarbage(v8::internal::GarbageCollectionReason) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
 9: 0x1005a6b81 v8::internal::Heap::AllocateRawWithRetryOrFail(int, v8::internal::AllocationSpace, v8::internal::AllocationAlignment) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
10: 0x1005789c4 v8::internal::Factory::NewRawTwoByteString(int, v8::internal::PretenureFlag) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
11: 0x10089051b v8::internal::IncrementalStringBuilder::Extend() [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
12: 0x100678d0b v8::internal::JsonStringifier::SerializeString(v8::internal::Handle<v8::internal::String>) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
13: 0x10067c258 v8::internal::JsonStringifier::Result v8::internal::JsonStringifier::Serialize_<true>(v8::internal::Handle<v8::internal::Object>, bool, v8::internal::Handle<v8::internal::Object>) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
14: 0x10067b684 v8::internal::JsonStringifier::Result v8::internal::JsonStringifier::Serialize_<false>(v8::internal::Handle<v8::internal::Object>, bool, v8::internal::Handle<v8::internal::Object>) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
15: 0x10067ab3d v8::internal::JsonStringifier::Result v8::internal::JsonStringifier::Serialize_<false>(v8::internal::Handle<v8::internal::Object>, bool, v8::internal::Handle<v8::internal::Object>) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
16: 0x10067ce2c v8::internal::JsonStringifier::Result v8::internal::JsonStringifier::Serialize_<true>(v8::internal::Handle<v8::internal::Object>, bool, v8::internal::Handle<v8::internal::Object>) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
17: 0x10067b684 v8::internal::JsonStringifier::Result v8::internal::JsonStringifier::Serialize_<false>(v8::internal::Handle<v8::internal::Object>, bool, v8::internal::Handle<v8::internal::Object>) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
18: 0x100676f8f v8::internal::JsonStringifier::Stringify(v8::internal::Handle<v8::internal::Object>, v8::internal::Handle<v8::internal::Object>, v8::internal::Handle<v8::internal::Object>) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
19: 0x100290df6 v8::internal::Builtin_Impl_JsonStringify(v8::internal::BuiltinArguments, v8::internal::Isolate*) [/Users/enahum/.nvm/versions/node/v10.11.0/bin/node]
20: 0x2777add5c17d 
21: 0x2777add0a5a3 
22: 0x2777adde8d5f 
23: 0x2777add118b5 
24: 0x2777add0a5a3 
Abort trap: 6
events.js:167
      throw er; // Unhandled 'error' event
      ^

Error: write EPIPE
    at WriteWrap.afterWrite [as oncomplete] (net.js:788:14)
Emitted 'error' event at:
    at onwriteError (_stream_writable.js:431:12)
    at onwrite (_stream_writable.js:456:5)
    at _destroy (internal/streams/destroy.js:40:7)
    at Socket._destroy (net.js:613:3)
    at Socket.destroy (internal/streams/destroy.js:32:8)
    at WriteWrap.afterWrite [as oncomplete] (net.js:790:10)

enahum · 2018-12-03T18:17:23Z

can we re-opened this issue please?

balthazar · 2018-12-03T18:27:51Z

Because my navigators were created asynchronously, the handler was registered too late and thus throwing this error. I fixed the issue by simply doing:

import 'react-native-gesture-handler'

at the top of my index.js 🙂

enahum · 2018-12-03T18:47:02Z

Awesome @balthazar that seems to have done it

enahum · 2018-12-03T19:07:52Z

perhaps I should open another issue, but after this was no longer throwing the error no the PanGestureHandler works but after the gesture finishes it won't start again unless I re-mount the component

jamsch · 2018-12-12T20:25:39Z

Upgrading to 0.58.0-rc.1 gives me this issue when trying to open my drawer

osdnk · 2018-12-13T13:31:28Z

@jamsch
Could you clarify a bit? Which drawer do you use? How do you import it?

jamsch · 2018-12-13T19:42:41Z

@osdnk Using the React Navigation v3 DrawerNavigator which is apparently using this library. I have a production build running on 0.57.6 and it works fine though.

yqz0203 · 2018-12-15T03:43:33Z

Because my navigators were created asynchronously, the handler was registered too late and thus throwing this error. I fixed the issue by simply doing:
import 'react-native-gesture-handler'
at the top of my index.js 🙂

Resovled it, but how this happens. Module code is always running when code have been loaded, doesn't it?

Can you tell me why? Thank you.

============================

I make a terrible mistake, I export module by using get xxx(){}, so it makes module code lazy running while it is required by other modules.

sinhpn92 · 2019-01-31T08:00:42Z

I have same issue with:

"react-navigation": "^3.1.0",
"react-native-gesture-handler": "^1.0.15",

I did put import 'react-native-gesture-handler' on top of index.js but it's doesn't work :(

brendandestefano · 2019-02-01T17:25:34Z

I'm also still seeing this error. I put import 'react-native-gesture-handler'; in my file that has createAppContainer but still seeing the error.

I'm using:
"react-navigation": "3.0.9", "react-native-gesture-handler": "^1.0.12",

Any ideas @yqz0203 ?

fsmaiorano · 2019-02-06T17:49:20Z

@brendandestefano

Try put this import in the first index.js of your application.

Like this:

import "react-native-gesture-handler";

import { AppRegistry } from "react-native";  

import App from "./src/App";

import { name as appName } from "./app.json";

sinhpn92 · 2019-02-07T14:02:04Z

@fsmaiorano Downgrade to "react-native-gesture-handler": "^1.0.9" will working fine.

Jyrno42 · 2019-02-13T19:47:21Z

On react-native 0.58.3 this occurs for me only in a production build with Android. Tried to work around it by doing the following in my codebase but it did not help. My current theory is that it is somehow related to minification of javascript which breaks the patching logic.

E: Nope, disabled minification, issue still occurs.
E2: Saw the message of this commit and updated my patch accordingly. All good now :)

index.js:

import './thepatch';
import './App/index'; // AppRegistry.registerComponent in here

thepatch.js:

import { NativeModules } from 'react-native';

const { UIManager } = NativeModules;

if (UIManager) {
// Add gesture specific events to genericDirectEventTypes object exported from UIManager
// native module.
// Once new event types are registered with react it is possible to dispatch these
// events to all kind of native views.
    UIManager.genericDirectEventTypes = {
        ...UIManager.genericDirectEventTypes,
        onGestureHandlerEvent: { registrationName: 'onGestureHandlerEvent' },
        onGestureHandlerStateChange: {
            registrationName: 'onGestureHandlerStateChange',
        },
    };
}

osdnk · 2019-02-13T20:52:36Z

Thanks for attaching context! I’ll try to figure out what’s going on soon

MarinaAmy · 2020-07-09T15:20:09Z

Bonjour @NickCain ,
j'ai le même problème que vous actuellement: /
Avez-vous réussi à résoudre?
Si oui, pouvez-vous partager votre solution s'il vous plaît.
Je vous remercie

Salut @MarinaArimany ,
Non, j'ai toujours le problème et j'ai cherché partout une solution, Si jamais vous découvrez la solution, pouvez-vous partager avec moi?
Il arrive à un point où je pourrais avoir à envisager une réécriture
Merci,

@NickCain Oui pas de soucis actuellement je cherche une solution: /
Merci

@NickCain I found the solution to my problem, it was because of a method in my page that made everything bug. Review each line of your code, I hope you find the solution.

Have a good day :)

NickCain · 2020-07-09T15:38:05Z

Thanks @MarinaArimany for getting back to me... looks like a big debugging session is coming up haha.

mikehardy · 2020-07-09T16:18:23Z

If you follow the bisect strategy the error is on average 4 tests away from discovery and a maximum of 6 I think? Stay organized in your bughunt and you'll find it :)

Tinmania2018 · 2020-08-08T07:33:40Z

I had this problem as well. The app crashed in release mode when opening the drawer menu. Everything else worked fine.
Fixed with the following suggestions stated above;
import 'react-native-gesture-handler' at the top of app.js and index.js
Updating react-native-gesture-handler to 1.5.2

Beamanator · 2020-10-12T16:39:48Z

I updated react-native-gesture-handler from 1.5.0 to 1.5.2, also not experiencing those crashes anymore.

RN version 0.61.4

Note: I only experienced this crash on iOS, after updating Xcode to v12

iamabdulhaseeb · 2021-01-10T17:47:37Z

Because my navigators were created asynchronously, the handler was registered too late and thus throwing this error. I fixed the issue by simply doing:
import 'react-native-gesture-handler'
at the top of my index.js 🙂

This didnt work for me!

abdymm · 2021-03-27T17:57:05Z

already add

import 'react-native-gesture-handler'

still crashed on release mode, when i remove NavigationContainer it running well

:(

NicholasLoh · 2021-04-19T10:11:47Z

Because my navigators were created asynchronously, the handler was registered too late and thus throwing this error. I fixed the issue by simply doing:
import 'react-native-gesture-handler'
at the top of my index.js slightly_smiling_face
This didnt work for me!

did you clear the cache of the app? I clear the cache of the application and it works

abdymm · 2021-04-19T12:03:37Z

oh ya it works now, i just re create brand new RN app, and it work now :)
@NicholasLoh

TNicholson11 · 2021-04-29T17:02:20Z

Just a heads up to anyone migrating to React Native 0.64.* that inlineRequires are now enabled by default in metro.config.js causing the "solution" to this issue to no longer function.

...
getTransformOptions: async () => ({
  transform: {
    experimentalImportSupport: false,
    inlineRequires: false, // set to FALSE .. RN64 has as TRUE
  },
}),
...

Please advise if there is another solution out there... we would love to get the startup performance enhancements from enabling inlineRequires.

Original reference: #439 (comment)

SudoPlz · 2021-06-14T19:24:30Z

I think we could also use a blockList in inline requires (like so) so that we don't have to lose the benefits of inline requires 100% (and just disable it for react-native-gesture-handler)

TNicholson11 · 2021-06-14T19:27:43Z

I think we could also use a blockList in inline requires (like so) so that we don't have to lose the benefits of inline requires 100% (and just disable it for react-native-gesture-handler)

The reason we were even upgrading to RN64 in the first place was to enable Hermes cross-platform so unfortunately this isn't an option for us, but might works for others!

From your link:

Note: If you are using Hermes JS Engine, you should not have RAM bundles feature enabled. In Hermes, when loading the bytecode, mmap ensures that the entire file is not loaded. Using Hermes with RAM bundles might lead to issues, because those mechanisms are not compatible with each other.

kj800x · 2021-06-18T18:29:39Z

Reading the React Native docs on event sending, my understanding is that the native side should not be sending events to the JS side if there are no JS listeners attached. I think what adding the import 'react-native-gesture-handler' statement to the top of index.js does is ensure that there is a JS listener registered as soon as possible, but based on the discussion above around Hermes, that might not work long-term.

The React Native docs mention the native side being able to have startObserving and stopObserving methods. Would it be possible to have react-native-gesture-handler support those startObserving and stopObserving and then not send the events to the JS if there are no listeners observing those events?

I may also be completely misinterpreting the issue. The RN docs mention triggering a warning when sending an event with no listeners, but nothing about throwing an Error in that case. Maybe this is something else?

jgillick · 2021-06-24T17:39:51Z

We're also experiencing the issue with RN64 and need the performance benefits of Hermes. Sounds like this issue should be reopened?

Hless · 2021-07-06T14:49:37Z

I think we could also use a blockList in inline requires (like so) so that we don't have to lose the benefits of inline requires 100% (and just disable it for react-native-gesture-handler)

This is right. If you read the docs carefully it actually states that preloading improves performance, because it bundles modules that needed to be loaded initially anyway. You can also use the preloadedModules/blockList to make sure react-native-gesture-handler is imported before any other modules. With this in mind you can keep inline requires enabled, improve startup performance even further and fix the error at the same.

I've solved it by creating a modulePaths.js using the method in the linked documentation. Make sure that it includes the following files:

  "node_modules/react-native-gesture-handler/src/Directions.ts",
  "node_modules/react-native-gesture-handler/src/State.ts",
  "node_modules/react-native-gesture-handler/src/gestureHandlerRootHOC.tsx",
  "node_modules/react-native-gesture-handler/src/GestureHandlerRootView.tsx",
  "node_modules/react-native-gesture-handler/src/handlers/gestureHandlers.ts",
  "node_modules/react-native-gesture-handler/src/handlers/createHandler.ts",
  "node_modules/react-native-gesture-handler/node_modules/fbjs/lib/areEqual.js",
  "node_modules/react-native-gesture-handler/src/RNGestureHandlerModule.ts",
  "node_modules/react-native-gesture-handler/src/PlatformConstants.ts",
  "node_modules/react-native-gesture-handler/src/handlers/createNativeWrapper.tsx",
  "node_modules/react-native-gesture-handler/src/handlers/NativeViewGestureHandler.ts",
  "node_modules/react-native-gesture-handler/src/components/GestureButtons.tsx",
  "node_modules/react-native-gesture-handler/src/components/GestureHandlerButton.tsx",
  "node_modules/react-native-gesture-handler/src/components/touchables/index.ts",
  "node_modules/react-native-gesture-handler/src/components/touchables/TouchableNativeFeedback.tsx",
  "node_modules/react-native-gesture-handler/src/components/touchables/TouchableWithoutFeedback.tsx",
  "node_modules/react-native-gesture-handler/src/components/touchables/GenericTouchable.tsx",
  "node_modules/react-native-gesture-handler/src/components/touchables/TouchableOpacity.tsx",
  "node_modules/react-native-gesture-handler/src/components/touchables/TouchableHighlight.tsx",
  "node_modules/react-native-gesture-handler/src/components/GestureComponents.tsx",
  "node_modules/react-native-gesture-handler/src/components/Swipeable.tsx",
  "node_modules/react-native-gesture-handler/src/components/DrawerLayout.tsx",
  "node_modules/react-native-gesture-handler/src/index.ts"

After creating the file, return the configuration in getTransformOptions property of your metro.config.js file with your moduleMap as described in the documentation. import 'react-native-gesture-handler; should still be the first line in your index.js

Note that the list above works with RNGH version 1.10.3 in combination with TypeScript, not sure how the list looks without typescript

Hless · 2021-07-06T14:54:14Z

@TNicholson11 I see no problem with using Hermes and inline requires in combination with the blockList option. If anything, it should speed up your Hermes-enabled app even further. RAM bundles should be disabled when using Hermes, so the quote you linked should also not have any effect on the blockList functionality. Or am I missing something here?

Edit: Upon rereading the docs one more time, I see where the confusion arises. It says that the inline requires part is meant for RAM bundles only, but AFAIK the preloading/blockList functionality also works with Hermes when you don't have RAM bundles enabled. (e.g. Hermes is the alternative to RAM bundles)

TNicholson11 · 2021-07-06T16:05:37Z

Upon rereading the docs one more time, I see where the confusion arises. It says that the inline requires part is meant for RAM bundles only, but AFAIK the preloading/blockList functionality also works with Hermes when you don't have RAM bundles enabled. (e.g. Hermes is the alternative to RAM bundles)

Emphasis mine.. but yes, this was indeed where my confusion / concern came from @Hless ... I read that as if RAM Bundles are a prerequisite to using a blockList for inline requires but I'm thrilled to be wrong on that one. I will experiment with our app and report back when I get the time.

Thanks for the info!

elsurudo · 2021-07-19T18:15:45Z

Because my navigators were created asynchronously, the handler was registered too late and thus throwing this error. I fixed the issue by simply doing:
import 'react-native-gesture-handler'
at the top of my index.js 🙂

This worked for me on the prod build with:

"react-native": "0.64.1",
"react-native-gesture-handler": "1.10.3",

but it seems really ugly and "magical" IMO.

daniel-nagy · 2021-07-30T01:34:40Z

If you want to use inlineRequires and don't want to hardcode a bunch of paths

const RNGestureHandlerModule = "react-native-gesture-handler";

const preloadedModules = new Proxy(
  {},
  {
    get(_target, prop, _receiver) {
      return prop.includes(RNGestureHandlerModule);
    },
    has(_target, prop) {
      return prop.includes(RNGestureHandlerModule);
    }
  }
);

module.exports = {
  transformer: {
    getTransformOptions: () => ({
      transform: {
        inlineRequires: {
          blockList: preloadedModules
        },
        preloadedModules
      }
    })
  }
};

Would be nice if inlineRequires and preloadedModules could be a function.

mikehardy · 2021-07-30T01:51:45Z

Of note: hermes did not used to have Proxy support but it does now, for anyone curious if this is compatible. There should be no issues here (though they that may not matter a bit at the bundler level...)

surhidamatya · 2021-10-11T06:26:05Z

Because my navigators were created asynchronously, the handler was registered too late and thus throwing this error. I fixed the issue by simply doing:
import 'react-native-gesture-handler'
at the top of my index.js 🙂

This worked for me. I was facing this issue on iOS build but however I was not facing this issue in android build

"react-native": "0.65.1",
"react-native-gesture-handler": "1.10.3",

ferdicus · 2021-12-07T12:54:25Z

Is this workaround still required with version 2.x.x?
build with this config:

"react-native": "0.66.3",
"@react-navigation/material-top-tabs": "^6.0.6",
"@react-navigation/native": "^6.0.6",
"@react-navigation/stack": "^6.0.11",
"react-native-gesture-handler": "^2.1.0",

Seems to work fine 🤔

isotopeee · 2021-12-13T11:59:17Z

@brendandestefano

Try put this import in the first index.js of your application.

Like this:
import "react-native-gesture-handler";

import { AppRegistry } from "react-native";  

import App from "./src/App";

import { name as appName } from "./app.json";

Worked for me too! Thanks @fsmaiorano

ahaseeb001 · 2021-12-24T11:46:26Z

I guess this issue is because of index.js file , I fixed this issue by adding ON TOP in my index.js file ,
import 'react-native-gesture-handler' -> index.js
HAPPY CODING :)

amirbhz86 · 2022-03-23T06:06:19Z

For building ios application , if you have index.ios.js file
You should put bottom code in top of that file

import 'react-native-gesture-handler'

raykle · 2022-08-02T07:33:01Z

If you want to use inlineRequires and don't want to hardcode a bunch of paths

const RNGestureHandlerModule = "react-native-gesture-handler";

const preloadedModules = new Proxy(
  {},
  {
    get(_target, prop, _receiver) {
      return prop.includes(RNGestureHandlerModule);
    },
    has(_target, prop) {
      return prop.includes(RNGestureHandlerModule);
    }
  }
);

module.exports = {
  transformer: {
    getTransformOptions: () => ({
      transform: {
        inlineRequires: {
          blockList: preloadedModules
        },
        preloadedModules
      }
    })
  }
};

Would be nice if inlineRequires and preloadedModules could be a function.

This worked for me! Thanks! 👍

punksta mentioned this issue Oct 21, 2018

Unsupported top level event type "onGestureHandlerStateChange" dispatched expo/expo#2067

Closed

osdnk closed this as completed Oct 22, 2018

chunghe mentioned this issue Nov 5, 2018

Issue using react-native-gesture-handler on SDK31 for Android on Snack expo/expo#2600

Closed

osdnk reopened this Dec 3, 2018

enahum mentioned this issue Dec 5, 2018

post menu and file attachments mattermost/mattermost-mobile#2414

Merged

osdnk mentioned this issue Feb 14, 2019

Unsupported top level event type "onGestureHandlerStateChange" dispatched #439

Closed

This was referenced Nov 2, 2020

Unsupported top level event type "onGestureHandlerStateChange" dispatched #1222

Closed

Unsupported top level event type "onGestureHandlerStateChange" dispatched #849

Closed

acarioni added a commit to Lightstreamer/Lightstreamer-example-StockList-client-reactnative that referenced this issue Mar 3, 2022

fixed software-mansion/react-native-gesture-handler#320

d44fa77

Abhishek2250 mentioned this issue Mar 28, 2023

Error when updating to v0.71.4 from v0.68.1 facebook/react-native#36676

Closed

Unsupported top level event type "onGestureHandlerStateChange" dispatched #320

Unsupported top level event type "onGestureHandlerStateChange" dispatched #320

Comments

punksta commented Oct 21, 2018 • edited

osdnk commented Oct 22, 2018

punksta commented Oct 22, 2018 • edited

osdnk commented Oct 22, 2018

osdnk commented Oct 22, 2018

punksta commented Oct 22, 2018

punksta commented Oct 23, 2018

Jyrno42 commented Nov 14, 2018 • edited

balthazar commented Nov 30, 2018

Jyrno42 commented Dec 3, 2018 • edited

enahum commented Dec 3, 2018 • edited

enahum commented Dec 3, 2018 • edited

balthazar commented Dec 3, 2018

enahum commented Dec 3, 2018

enahum commented Dec 3, 2018

jamsch commented Dec 12, 2018

osdnk commented Dec 13, 2018

jamsch commented Dec 13, 2018

yqz0203 commented Dec 15, 2018 • edited

sinhpn92 commented Jan 31, 2019 • edited

brendandestefano commented Feb 1, 2019

fsmaiorano commented Feb 6, 2019

sinhpn92 commented Feb 7, 2019

Jyrno42 commented Feb 13, 2019 • edited

osdnk commented Feb 13, 2019

MarinaAmy commented Jul 9, 2020

NickCain commented Jul 9, 2020

mikehardy commented Jul 9, 2020

Tinmania2018 commented Aug 8, 2020

Beamanator commented Oct 12, 2020

iamabdulhaseeb commented Jan 10, 2021

abdymm commented Mar 27, 2021 • edited

NicholasLoh commented Apr 19, 2021

abdymm commented Apr 19, 2021

TNicholson11 commented Apr 29, 2021 • edited

SudoPlz commented Jun 14, 2021

TNicholson11 commented Jun 14, 2021 • edited

kj800x commented Jun 18, 2021

jgillick commented Jun 24, 2021

Hless commented Jul 6, 2021 • edited

Hless commented Jul 6, 2021 • edited

TNicholson11 commented Jul 6, 2021

elsurudo commented Jul 19, 2021

daniel-nagy commented Jul 30, 2021

mikehardy commented Jul 30, 2021 • edited

surhidamatya commented Oct 11, 2021

ferdicus commented Dec 7, 2021

isotopeee commented Dec 13, 2021

ahaseeb001 commented Dec 24, 2021

amirbhz86 commented Mar 23, 2022 • edited

raykle commented Aug 2, 2022

punksta commented Oct 21, 2018 •

edited

punksta commented Oct 22, 2018 •

edited

Jyrno42 commented Nov 14, 2018 •

edited

Jyrno42 commented Dec 3, 2018 •

edited

enahum commented Dec 3, 2018 •

edited

enahum commented Dec 3, 2018 •

edited

yqz0203 commented Dec 15, 2018 •

edited

sinhpn92 commented Jan 31, 2019 •

edited

Jyrno42 commented Feb 13, 2019 •

edited

abdymm commented Mar 27, 2021 •

edited

TNicholson11 commented Apr 29, 2021 •

edited

TNicholson11 commented Jun 14, 2021 •

edited

Hless commented Jul 6, 2021 •

edited

Hless commented Jul 6, 2021 •

edited

mikehardy commented Jul 30, 2021 •

edited

amirbhz86 commented Mar 23, 2022 •

edited