moti: Can't get moti to work with Expo or native
Hey,
I can’t seem to get moti working. I’ve tried it on both Expo and bare React Native project.
I’ve tried react-native-reanimated RC0, RC2, RC3.
I’m on moti v0.4.1.
I’ve added react-native-reanimated/plugin to my Babel config.
But I get different errors with different versions.
Bare React Native with RC2
14:40:34.086 Can't find variable: _globalSetter
_f
14:38:00.888 Tried to synchronously call function {assign} from a different thread.
Occurred in worklet location: app/node_modules/@motify/core/src/use-map-animate-to-style.ts (240:33)
Possible solutions are:
a) If you want to synchronously execute this method, mark it as a Worklet
b) If you want to execute this method on the JS thread, wrap it using runOnJS
14:38:00.893 TypeError: undefined is not an object (evaluating 'ref.current.last')
This error is located at:
in ForwardRef(Wrapped) (at spinner.tsx:60)
in RCTView (at View.js:34)
in View (at spinner.tsx:33)
in Spinner (at loading.tsx:15)
in RCTView (at View.js:34)
in View (at loading.tsx:13)
in Loading (at src/index.tsx:20)
in Willa (at app/index.js:18)
in QueryClientProvider (at app/index.js:16)
in App (at renderApplication.js:45)
in RCTView (at View.js:34)
in View (at AppContainer.js:106)
in RCTView (at View.js:34)
in View (at AppContainer.js:132)
in AppContainer (at renderApplication.js:39)
14:38:00.899 TypeError: undefined is not an object (evaluating 'ref.current.last')
This error is located at:
in ForwardRef(Wrapped) (at spinner.tsx:47)
in RCTView (at View.js:34)
in View (at spinner.tsx:33)
in Spinner (at loading.tsx:15)
in RCTView (at View.js:34)
in View (at loading.tsx:13)
in Loading (at src/index.tsx:20)
in Willa (at app/index.js:18)
in QueryClientProvider (at app/index.js:16)
in App (at renderApplication.js:45)
in RCTView (at View.js:34)
in View (at AppContainer.js:106)
in RCTView (at View.js:34)
in View (at AppContainer.js:132)
in AppContainer (at renderApplication.js:39)
14:38:00.903 TypeError: undefined is not an object (evaluating 'ref.current.last')
This error is located at:
in ForwardRef(Wrapped) (at spinner.tsx:34)
in RCTView (at View.js:34)
in View (at spinner.tsx:33)
in Spinner (at loading.tsx:15)
in RCTView (at View.js:34)
in View (at loading.tsx:13)
in Loading (at src/index.tsx:20)
in Willa (at app/index.js:18)
in QueryClientProvider (at app/index.js:16)
in App (at renderApplication.js:45)
in RCTView (at View.js:34)
in View (at AppContainer.js:106)
in RCTView (at View.js:34)
in View (at AppContainer.js:132)
in AppContainer (at renderApplication.js:39)
14:38:00.905 TypeError: undefined is not an object (evaluating 'ref.current.last')
This error is located at:
in ForwardRef(Wrapped) (at spinner.tsx:60)
in RCTView (at View.js:34)
in View (at spinner.tsx:33)
in Spinner (at loading.tsx:15)
in RCTView (at View.js:34)
in View (at loading.tsx:13)
in Loading (at src/index.tsx:20)
in Willa (at app/index.js:18)
in QueryClientProvider (at app/index.js:16)
in App (at renderApplication.js:45)
in RCTView (at View.js:34)
in View (at AppContainer.js:106)
in RCTView (at View.js:34)
in View (at AppContainer.js:132)
in AppContainer (at renderApplication.js:39)
14:38:00.973 undefined is not an object (evaluating 'Object.keys(mergedStyles)')
keys@[native code]
_f
[native code]
styleUpdater
[native code]
_f
[native code]
Bare React Native with RC0
14:41:18.856
Tried to synchronously call function {assign} from a different thread.
Solution is:
a) If you want to synchronously execute this method, mark it as a Worklet
b) If you want to execute this method on the JS thread, wrap it using runOnJS
14:41:19.010 undefined is not an object (evaluating 'Object.keys(mergedStyles)')
keys@[native code]
_f
[native code]
styleUpdater
[native code]
_f
[native code]
14:41:19.097
Tried to synchronously call function {assign} from a different thread.
Solution is:
a) If you want to synchronously execute this method, mark it as a Worklet
b) If you want to execute this method on the JS thread, wrap it using runOnJS
14:41:19.185 undefined is not an object (evaluating 'Object.keys(mergedStyles)')
keys@[native code]
_f
[native code]
styleUpdater
[native code]
_f
[native code]
14:41:19.242
Tried to synchronously call function {assign} from a different thread.
Solution is:
a) If you want to synchronously execute this method, mark it as a Worklet
b) If you want to execute this method on the JS thread, wrap it using runOnJS
14:41:19.349 undefined is not an object (evaluating 'Object.keys(mergedStyles)')
keys@[native code]
_f
[native code]
styleUpdater
[native code]
_f
[native code]
14:41:19.413
Tried to synchronously call function {assign} from a different thread.
Solution is:
a) If you want to synchronously execute this method, mark it as a Worklet
b) If you want to execute this method on the JS thread, wrap it using runOnJS
14:41:19.503 undefined is not an object (evaluating 'Object.keys(mergedStyles)')
keys@[native code]
_f
[native code]
styleUpdater
[native code]
_f
[native code]
What am I missing? I’m using 16.13.1 for React and 0.63.4 for React Native.
About this issue
- Original URL
- State: closed
- Created 3 years ago
- Comments: 17 (9 by maintainers)
I am using reanimated 2.2 and it is working fine but when I use Moti, it gives me error of (evaluating ‘_$$_REQUIRE(_dependencyMap[4], “moti”).MotiView’)
This should be fixed in the latest version of moti (anything above
0.5.8)!Please try
yarn add motiand let me know if it works.moti0.6.0works out of the box withreact-native-reanimated2.0.0without a hitch!