JS Engine Hermes: Typeerror: Cannot read property 'createNode' of null

[tushargoyalofficial]

We have a project over RN v0.61.5. We are using React Navigation v4. We are facing this error while using your library. Please help me out.

[nadunliyanage]

Did you find any solution for this? I am having this issue.

[PrasadGhan]

I am also facing the same issue.

[nikolai-git-house]

Me too.

[nikolai-git-house]

Any solution here?

[Nirony]

me 2, any news?

[chagai95]

getting the same error, when adding webrtc code that works on the browser... found this issue by googling the error, anyone understand it?

[tushargoyalofficial]

the solution was the correct native configuration in Java files. as mentioned in docs of the router flux

[tushargoyalofficial]

This issue comes when gesture handler is not configured correctly in the RN app for android.

[chagai95]

Can you link to these places or can I easily find them on google? I don't wanna take the wrong stuff thanks! Are you sure about this? are there any other possible reasons? I get it when I add my type script files to a non type script react native app and also when I add the generated JavaScript files from these typescript files...Thanks again!

[bona-ws]

Same issue here ... Any one know why it happens, and what is the solution ?

[grafosecondo]

+1

@tushargoyalofficial checked the the gesture handler configuration again and again

[hasgardee]

any fix?

[Divyanshu-Grover]

This is caused due to incorrect import for Easing animation. Please make sure it is added under 'react-native'. Auto importing Easing causes this error.

[tuandv1311]

This is caused due to incorrect import for Easing animation. Please make sure it is added under 'react-native'. Auto importing Easing causes this error.

Please tell me more about fixing this issue. How to import Easing animation? Thank you.

[kiranjd]

Deleting node_modules and running yarn(or npm install) worked for me

[Ahmed-Imam]

getting the same issue after migrating from v0.59.0 to 0.60.5, it occurs on Android only. deleting node_modules and reset cache didn't solve the issue.

"react-native": "0.60.5", "react-native-gesture-handler": "1.10.3", "react-navigation": "^3.0.9",

[mitrukahitesh]

The problem is with with react-native-reanimated. Follow the procedure as in https://docs.swmansion.com/react-native-reanimated/docs/installation/ It should work fine now. If it doesn't, try fixing react-native-gesture-handler as in https://docs.swmansion.com/react-native-gesture-handler/docs/#installation

[jdhl27]

The error is very dynamic. Check your main configuration files that everything is ok. In my case, in the .env I had an incorrect value that was needed for the state of the app.

[trinachaudhuri-ctri]

is this issue fixed, am facing the same, have tried all the above mentioned fixes but did not work

[77TecShaeer]

+++

[taranga99]

In my project it was cause by react native reanimated which i had to install while using the drawer in react navigation. All I had to do was to add reanimated's babel plugin in my babel.config file and did a cache reset to fix the error and run the app. The instructions to add the plugin and reset cache is given in this link. https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/

[ryyvv]

remove this one in Index.js (react native) -> import 'react-native-gesture-handler';

[SmartArray]

In my case the emulator was just not able to connect to the bundler.

Make sure adb is installed and the path variable is set up correctly. If needed, run adb reverse tcp:8081 tcp:8081 to forward the port. Sometimes it is required to edit the bundler location using Ctrl+m/Cmd+m too.

[Xlizer1]

the solution was the correct native configuration in Java files. as mentioned in docs of the router flux

what should i do, cuz im having the same error

[strawberryCheeseCake2]

idk how it works but here's what i've tried which fixed this error (I was working on stack navigator for iOS)

1. addimport 'react-native-gesture-handler'; right after @format in index.js
2. delete node_modules
3. npm i -f
4. npm install @react-native-masked-view/masked-view -f
5. npx pod-install ios

[ryyvv]

Check this

[image: image.png]

On Tue, Dec 6, 2022 at 4:52 PM Yoshi Jäger @.***> wrote:

In my case the emulator was just not able to connect to the bundler.

Make sure adb is installed and the path variable is set up correctly. If needed, run adb reverse tcp:8081 tcp:8081 to forward the port

— Reply to this email directly, view it on GitHub https://github.com/oblador/react-native-animatable/issues/304#issuecomment-1338982068, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFOPHG43UF2TSRXSAN3N7RTWL35DXANCNFSM4LEC4GTA . You are receiving this because you commented.Message ID: @.***>

[ryyvv]

if the emulator is not working properly

On Sun, Jan 8, 2023 at 1:46 PM ryanpascual @.***> wrote:

Check this

[image: image.png]

On Tue, Dec 6, 2022 at 4:52 PM Yoshi Jäger @.***> wrote:

In my case the emulator was just not able to connect to the bundler.

Make sure adb is installed and the path variable is set up correctly. If needed, run adb reverse tcp:8081 tcp:8081 to forward the port

— Reply to this email directly, view it on GitHub https://github.com/oblador/react-native-animatable/issues/304#issuecomment-1338982068, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFOPHG43UF2TSRXSAN3N7RTWL35DXANCNFSM4LEC4GTA . You are receiving this because you commented.Message ID: @.***>

[betomoedano]

Solution ✅

1. Make sure you added reanimated to your babel.config.js like this:

   module.exports = {
   presets: ['module:metro-react-native-babel-preset'],
   plugins: ['react-native-reanimated/plugin'],
   };

2. After updating your babel.config.js restart your server with the following command:

   yarn start --resetCache

3. Finally, delete your App from your simulator. Then run on Android by pressing a in your terminal

I hope this helps.

[ryyvv]

Awesome, thanks!

On Sun, Feb 19, 2023 at 1:25 AM Alberto @.***> wrote:

Solution ✅

1. Make sure you added reanimated to your babel.config.js like this:

module.exports = {

presets: ['module:metro-react-native-babel-preset'],

plugins: ['react-native-reanimated/plugin'],

};

1. After updating your babel.config.js restart your server with the following command:

yarn start --resetCache

1. Finally, delete your App from your simulator. Then run on Android by pressing a in your terminal

[image: Screenshot 2023-02-18 at 12 24 09 PM] https://user-images.githubusercontent.com/43630417/219879603-89b8eb09-4f5e-4be2-a763-afbad8fc5741.png

I hope this helps.

— Reply to this email directly, view it on GitHub https://github.com/oblador/react-native-animatable/issues/304#issuecomment-1435722132, or unsubscribe https://github.com/notifications/unsubscribe-auth/AFOPHG3V2QZWVMKP7PNWXZTWYEAZNANCNFSM4LEC4GTA . You are receiving this because you commented.Message ID: @.***>

[Chrisigho]

good afternoon, please i need help for this error: TypeError: Cannot read property 'configure' of undefined, js engine: hermes

[dansau84]

any help on this persistant error that nobody helped so far ? many users affected!!! expo native react project

[cph2117]

The following solved it for me: npx expo install react-native-gesture-handler react-native-reanimated react-native-screens react-native-safe-area-context @react-native-community/masked-view then import 'react-native-gesture-handler'; above all other imports in App.js.

It's required by React Native Navigation as detailed here, but for whatever reason only breaks when it's built.

[Hardly002]

Check imports! For me, the problem was that I imported react-native elements from react.

[tribeless]

I fixed it by upgrading the two packages to: "react-native-image-picker": "^7.0.1", "react-native-reanimated": "^3.5.4",

[bugra-kara]

I fixed it by upgrading the two packages to: "react-native-image-picker": "^7.0.1", "react-native-reanimated": "^3.5.4",

it worked for me, thanks!

[NewvilleMedia]

This worked for me npm install @react-navigation/native-stack@latest then use Xcode to clean build.

I asked ChatGPT for this and got the solution

[PrabhathR-99]

• If you are using ios or Mac make sure that you have run pod install in the ios folder cd ios pod install cd ..

• Try to go with 'react-native-gesture-handler": "^2.8.0"', may be the new version is not working with your project, (npm install react-native-gesture-handler@2.8.0).

[Vyacheslav1557]

any help

This error is located at:
    in App
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
    in second(RootComponent), js engine: hermes
 ERROR  TypeError: Cannot read property 'lockToLandscape' of null

This error is located at:
    in App
    in RCTView (created by View)
    in View (created by AppContainer)
    in RCTView (created by View)
    in View (created by AppContainer)
    in AppContainer
    in second(RootComponent), js engine: hermes

[Ali136384]

Did you find any solution for this? I am having this issue.

yes,the problem is from a library I`ve installed, so just check the libraries u using .

[maztapee]

Deleting node_modules and running yarn(or npm install) worked for me

This worked for me as of just now