Reanimated global.__reanimatedWorkletInit is not a function #182

jhorranisbr · 2022-05-09T12:19:59Z

Describe the bug

When i try use library with Expo, the follow message shows

TypeError: global.__reanimatedWorkletInit is not a function. (In 'global.__reanimatedWorkletInit(_f)', 'global.__reanimatedWorkletInit' is undefined)

If i put the code

global.__reanimatedWorkletInit = () => {};

on '.../lib/commonjs/utils/dealWithAnimation.js works correctly

To Reproduce
Steps to reproduce the behavior:

Install library and try use
See error

Screenshots

Versions:

expo: ~45.0.0
react: v17.0.2
react-native: v0.68.1
react-native-reanimated: v^2.8.0
react-native-reanimated-carousel: v^2.3.10
react-native-gesture-handler: v~2.2.0

Smartphone:

Device: iPhoneXR
OS: iOS 15.4

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

valinagacevschi · 2022-05-09T12:54:46Z

same here. I tried using import 'react-native-reanimated' as suggested in: https://stackoverflow.com/questions/70750047/typeerror-global-reanimatedworkletinit-is-not-a-function-in-global-reani
with no effect.

dohooo · 2022-05-09T13:04:09Z

wcandillon/react-native-redash#395 (comment)
Is any help with this problem?

jhorranisbr · 2022-05-09T14:03:04Z

wcandillon/react-native-redash#395 (comment) Is any help with this problem?

same with react-native-gesture-handler: ^2.4.2

I see that mention before this issue.

I will wait fix this
Crash when updating to react-native-reanimated 2.7.0 #159

tengjingyao · 2022-05-10T06:42:36Z

I have the same problem. Reducing or upgrading the 'react-native-reanimated' version has no effect

slytter · 2022-05-11T16:28:38Z

I have the same problem

SimonDamberg · 2022-05-12T07:39:41Z

Same here!

murat0 · 2022-05-12T08:49:32Z

Same here

owen12ab · 2022-05-12T09:02:34Z

Same here. Any workaround?

louisholley · 2022-05-12T09:17:51Z

this library is working fine on expo but it wasn't working for me with nextjs, however adding this somewhere high up the hierarchy (e.g. App.tsx) fixed it:

global.__reanimatedWorkletInit = () => {}

mcatal · 2022-05-12T13:35:14Z

I have the same problem with EXPO, RN .68.2

dohooo · 2022-05-15T01:08:29Z

Are there any help with this line?

global.__reanimatedWorkletInit = () => {};

mcatal · 2022-05-15T06:38:30Z

Are there any help with this line?
global.__reanimatedWorkletInit = () => {};

it work for me.

If i put the code

global.__reanimatedWorkletInit = () => {};

on '.../lib/commonjs/utils/dealWithAnimation.js works correctly

Expo 45
Rn .68.2

dohooo · 2022-05-15T06:52:14Z

Are there any help with this line?
global.__reanimatedWorkletInit = () => {};
it work for me.

If i put the code

global.__reanimatedWorkletInit = () => {};

on '.../lib/commonjs/utils/dealWithAnimation.js works correctly

Expo 45 Rn .68.2

If put it to your project will what happens?

mcatal · 2022-05-15T09:34:21Z

TypeError: global.__reanimatedWorkletInit is not a function. (In 'global.__reanimatedWorkletInit(_f)', 'global.__reanimatedWorkletInit' is undefined)

this problem was gone, and it works correctly. Solved for me.

TypeError: global.__reanimatedWorkletInit is not a function. (In 'global.__reanimatedWorkletInit(_f)', 'global.__reanimatedWorkletInit' is undefined)

ssarnot · 2022-05-16T10:34:47Z

I patched reanimated package 2.8.0 (by patch-package) and it's works for me:

diff --git a/node_modules/react-native-reanimated/lib/reanimated2/core.js b/node_modules/react-native-reanimated/lib/reanimated2/core.js
index 284915e..b266740 100644
--- a/node_modules/react-native-reanimated/lib/reanimated2/core.js
+++ b/node_modules/react-native-reanimated/lib/reanimated2/core.js
@@ -2,6 +2,9 @@
 import NativeReanimatedModule from './NativeReanimated';
 import { Platform } from 'react-native';
 import { nativeShouldBeMock, shouldBeUseWeb, isWeb } from './PlatformChecker';
+
+global.__reanimatedWorkletInit = () => { };
+
 if (global._setGlobalConsole === undefined) {
     // it can happen when Reanimated plugin wasn't added, but the user uses the only API from version 1
     global._setGlobalConsole = () => {

Simon-Bru · 2022-05-17T14:40:01Z

Having the same issue since update of expo SDK 45
Your fix is not working on my side

yosukapro · 2022-05-17T15:41:58Z

Same problem here. All debugging instructions are ineffective

rdhox · 2022-05-19T13:39:19Z

I patched reanimated package 2.8.0 (by patch-package) and it's works for me:

diff --git a/node_modules/react-native-reanimated/lib/reanimated2/core.js b/node_modules/react-native-reanimated/lib/reanimated2/core.js
index 284915e..b266740 100644
--- a/node_modules/react-native-reanimated/lib/reanimated2/core.js
+++ b/node_modules/react-native-reanimated/lib/reanimated2/core.js
@@ -2,6 +2,9 @@
 import NativeReanimatedModule from './NativeReanimated';
 import { Platform } from 'react-native';
 import { nativeShouldBeMock, shouldBeUseWeb, isWeb } from './PlatformChecker';
+
+global.__reanimatedWorkletInit = () => { };
+
 if (global._setGlobalConsole === undefined) {
     // it can happen when Reanimated plugin wasn't added, but the user uses the only API from version 1
     global._setGlobalConsole = () => {

I'm not able to make it work with your solution with expo SDK 45.
The call to the function __reanimatedWorkletInit in this library seems to be generated by the compilation with typescript in the file dealWithAnimation.js.

thanhtrung07 · 2022-05-19T13:55:35Z

I add global.__reanimatedWorkletInit = () => { }; to \node_modules\react-native-reanimated\src\Animated.js
and the issue gone

import * as reanimated1 from './reanimated1';
import ReanimatedComponents from './reanimated2/component';

global.__reanimatedWorkletInit = () => { }; // <--- add this line

const Animated = {
  // components
  ...ReanimatedComponents,
  createAnimatedComponent,
  // configuration
  addWhitelistedNativeProps,
  addWhitelistedUIProps,
  // reanimated 1
  ...reanimated1,
};

slytter · 2022-05-20T10:10:50Z

@thanhtrung07
Maybe I'm stating the obvious but modifying a package in node_modules is not a very stable solution to any problem.
The 'fix' will break when building to production, and it will not be added to your commits.

AlexanderLindkjaer · 2022-05-20T11:41:27Z

I patched reanimated package 2.8.0 (by patch-package) and it's works for me:

diff --git a/node_modules/react-native-reanimated/lib/reanimated2/core.js b/node_modules/react-native-reanimated/lib/reanimated2/core.js
index 284915e..b266740 100644
--- a/node_modules/react-native-reanimated/lib/reanimated2/core.js
+++ b/node_modules/react-native-reanimated/lib/reanimated2/core.js
@@ -2,6 +2,9 @@
 import NativeReanimatedModule from './NativeReanimated';
 import { Platform } from 'react-native';
 import { nativeShouldBeMock, shouldBeUseWeb, isWeb } from './PlatformChecker';
+
+global.__reanimatedWorkletInit = () => { };
+
 if (global._setGlobalConsole === undefined) {
     // it can happen when Reanimated plugin wasn't added, but the user uses the only API from version 1
     global._setGlobalConsole = () => {

patch did not work for me. Removing all calls to global.__reanimatedWorkletInit() in node_modules/react-native-reanimated-carousel/lib/commonjs/* using patch-package did the trick for now until a proper fix is made.

mmdevcodes · 2022-05-23T01:09:36Z

Since this error only happens on Expo SDK 45 I had to downgrade using expo upgrade 44. It worked but is obviously not recommended.

anhquan291 · 2022-05-26T09:15:31Z

Facing the same issue on Reanimated 2.8.0. Any update guys? Thanks

kbqdev · 2022-05-26T11:20:35Z

Im working with Expo SDK and it require react-native-reanimated 2.8.0. I know downgrade to Reanimated 2.6.0 the issues fix, but i want somehelp with react-native-reanimated 2.8.0. Pls fix it. Thanks you. @dohooo

dohooo/react-native-reanimated-carousel#182

* Fixing the react-native-reanimated-carousel error dohooo/react-native-reanimated-carousel#182 * Adding active account state

dohooo · 2022-06-04T03:16:28Z

I released it in 2.6.0.

This error is triggered by this PR, And there is related issue.

In version 2.7.0+, __reanimatedWorkletInit is deleted, so i added this code to my index file.

+ if (!('__reanimatedWorkletInit' in global)) {
+     Object.assign(global, { __reanimatedWorkletInit: () => {} });
+ }

export type { TCarouselProps, ICarouselInstance } from './types';
import Carousel from './Carousel';

export default Carousel;

I think this should work with different versions of reanimated. And this problem has been happening for too long. Sorry. I will reopen this issue if there is any problem. 🍺

shop-fluencer · 2022-06-04T19:51:13Z

I get still this error, I cleared my cache, I added this code but nothing helps

I released it in 2.6.0.

This error is triggered by this PR, And there is related issue.

In version 2.7.0+, __reanimatedWorkletInit is deleted, so i added this code to my index file.
+ if (!('__reanimatedWorkletInit' in global)) {
+     Object.assign(global, { __reanimatedWorkletInit: () => {} });
+ }

export type { TCarouselProps, ICarouselInstance } from './types';
import Carousel from './Carousel';

export default Carousel;
I think this should work with different versions of reanimated. And this problem has been happening for too long. Sorry. I will reopen this issue if there is any problem. 🍺

dohooo · 2022-06-05T03:20:14Z

I get still this error, I cleared my cache, I added this code but nothing helps
I released it in 2.6.0.
This error is triggered by this PR, And there is related issue.
In version 2.7.0+, __reanimatedWorkletInit is deleted, so i added this code to my index file.
+ if (!('__reanimatedWorkletInit' in global)) {
+     Object.assign(global, { __reanimatedWorkletInit: () => {} });
+ }

export type { TCarouselProps, ICarouselInstance } from './types';
import Carousel from './Carousel';

export default Carousel;
I think this should work with different versions of reanimated. And this problem has been happening for too long. Sorry. I will reopen this issue if there is any problem. 🍺

You don't need to add this code, just upgrade the carousel version to 2.6.0

shop-fluencer · 2022-06-05T13:19:14Z

You don't need to add this code, just upgrade the carousel version to 2.6.0

I updated it, but not working, anyone else has this problem ? I have to downgrade my reaniamted to 2.6.0 then its work, but I want the latest version

dohooo · 2022-06-05T14:48:30Z

You don't need to add this code, just upgrade the carousel version to 2.6.0

I updated it, but not working, anyone else has this problem ? I have to downgrade my reaniamted to 2.6.0 then its work, but I want the latest version

Could try in this example? It used the latest version of reanimated.

miamiappmachine · 2022-06-06T14:02:57Z

Seems to cause some big issues with webpack. I get the following error using it with RNW and Next.js 12.1:

webpack_require.g.__reanimatedWorkletInit is not a function

FYI - 2.4.0 with calls to reanimatedWorklet removed via patch-package works fine.

michel-adrion · 2022-06-07T06:00:02Z

Hi, everyone.
I have resolved this issue by updating "react-native-reanimated": "~2.8.0" in package.json and deploying new release version of react-native-reanimated.

dohooo · 2022-06-10T06:46:10Z

fixed

Wilted98 · 2022-06-17T10:14:34Z

I add global.__reanimatedWorkletInit = () => { }; to \node_modules\react-native-reanimated\src\Animated.js and the issue gone

import * as reanimated1 from './reanimated1';
import ReanimatedComponents from './reanimated2/component';

global.__reanimatedWorkletInit = () => { }; // <--- add this line

const Animated = {
  // components
  ...ReanimatedComponents,
  createAnimatedComponent,
  // configuration
  addWhitelistedNativeProps,
  addWhitelistedUIProps,
  // reanimated 1
  ...reanimated1,
};

Thank you !!!

jhorranisbr added the bug Something isn't working label May 9, 2022

jhorranisbr assigned dohooo May 9, 2022

dohooo added the help wanted Extra attention is needed label May 11, 2022

dohooo added the needs review The issue has been solved, Wait for confirmation. label May 15, 2022

ishrak-imam pushed a commit to litentry/archived-litentry-mobile-app that referenced this issue Jun 1, 2022

Fixing the react-native-reanimated-carousel error

53f3128

dohooo/react-native-reanimated-carousel#182

ishrak-imam pushed a commit to litentry/archived-litentry-mobile-app that referenced this issue Jun 2, 2022

Issue-1145 Adding active account state (#1210)

4fcc0a5

* Fixing the react-native-reanimated-carousel error dohooo/react-native-reanimated-carousel#182 * Adding active account state

dohooo closed this as completed in 591f0d8 Jun 4, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Reanimated global.__reanimatedWorkletInit is not a function #182

Reanimated global.__reanimatedWorkletInit is not a function #182

jhorranisbr commented May 9, 2022

valinagacevschi commented May 9, 2022

dohooo commented May 9, 2022

jhorranisbr commented May 9, 2022

tengjingyao commented May 10, 2022

slytter commented May 11, 2022

SimonDamberg commented May 12, 2022

murat0 commented May 12, 2022

owen12ab commented May 12, 2022

louisholley commented May 12, 2022

mcatal commented May 12, 2022

dohooo commented May 15, 2022

mcatal commented May 15, 2022 •

edited

Loading

dohooo commented May 15, 2022

mcatal commented May 15, 2022

ssarnot commented May 16, 2022 •

edited

Loading

Simon-Bru commented May 17, 2022 •

edited

Loading

yosukapro commented May 17, 2022

rdhox commented May 19, 2022 •

edited

Loading

thanhtrung07 commented May 19, 2022 •

edited

Loading

slytter commented May 20, 2022

AlexanderLindkjaer commented May 20, 2022

mmdevcodes commented May 23, 2022

anhquan291 commented May 26, 2022

kbqdev commented May 26, 2022

dohooo commented Jun 4, 2022

shop-fluencer commented Jun 4, 2022

dohooo commented Jun 5, 2022 •

edited

Loading

shop-fluencer commented Jun 5, 2022

dohooo commented Jun 5, 2022 •

edited

Loading

miamiappmachine commented Jun 6, 2022

michel-adrion commented Jun 7, 2022

dohooo commented Jun 10, 2022

Wilted98 commented Jun 17, 2022

Reanimated global.__reanimatedWorkletInit is not a function #182

Reanimated global.__reanimatedWorkletInit is not a function #182

Comments

jhorranisbr commented May 9, 2022

valinagacevschi commented May 9, 2022

dohooo commented May 9, 2022

jhorranisbr commented May 9, 2022

tengjingyao commented May 10, 2022

slytter commented May 11, 2022

SimonDamberg commented May 12, 2022

murat0 commented May 12, 2022

owen12ab commented May 12, 2022

louisholley commented May 12, 2022

mcatal commented May 12, 2022

dohooo commented May 15, 2022

mcatal commented May 15, 2022 • edited Loading

dohooo commented May 15, 2022

mcatal commented May 15, 2022

ssarnot commented May 16, 2022 • edited Loading

Simon-Bru commented May 17, 2022 • edited Loading

yosukapro commented May 17, 2022

rdhox commented May 19, 2022 • edited Loading

thanhtrung07 commented May 19, 2022 • edited Loading

slytter commented May 20, 2022

AlexanderLindkjaer commented May 20, 2022

mmdevcodes commented May 23, 2022

anhquan291 commented May 26, 2022

kbqdev commented May 26, 2022

dohooo commented Jun 4, 2022

shop-fluencer commented Jun 4, 2022

dohooo commented Jun 5, 2022 • edited Loading

shop-fluencer commented Jun 5, 2022

dohooo commented Jun 5, 2022 • edited Loading

miamiappmachine commented Jun 6, 2022

michel-adrion commented Jun 7, 2022

dohooo commented Jun 10, 2022

Wilted98 commented Jun 17, 2022

mcatal commented May 15, 2022 •

edited

Loading

ssarnot commented May 16, 2022 •

edited

Loading

Simon-Bru commented May 17, 2022 •

edited

Loading

rdhox commented May 19, 2022 •

edited

Loading

thanhtrung07 commented May 19, 2022 •

edited

Loading

dohooo commented Jun 5, 2022 •

edited

Loading

dohooo commented Jun 5, 2022 •

edited

Loading