You cannot render into anything but a top root

[Symous]

Description

I have met this error irregularly after I update RN to 0.45.1

Reproduction Steps

Modify any code of the program and "Reload".

Solution

Just reload again and the error will disappear.

Additional Information

• React Native version:0.45.1
• Platform: Android
• Development Operating System: Windows 10 64 bit

[kmiloarguello]

Thank you!

[poupryc]

Hello,

I'm on 0.46.0-rc.2, using Ignite-CLI and boiterplate.
This error doesn't disappear when I reload my app...

Additional Information

Platform: Android
Development Operating System: Windows 10 64 bit

[Symous]

@kmiloarguello Hi,guy. I do not know the reason why this error occured.Is it a bug of RN and Is there any way to solve this for good?

[jetzhliu]

I have met this error in RN 0.46-rc2 on Android emulator and real machine.
But when I downgrade RN to 0.45.1, this error disappears.

[poupryc]

Thank, I will try later

[kmiloarguello]

@Symous I thought it would be an Android emulator error maybe when React Native builds the package but really I don't know... Actually I get this error sometimes but I just reloading again solve the problem.

[poupryc]

I get this error on physical device (O+ 3T 7.1.1)

[fredbt]

I get this error when react-native packager dies (see #12895).

[yash2code]

same issue

[ecasona]

I have got this error for more times in RN 0.45.1 when I reload my project,but try again ,it solved.

[ricbermo]

I'm using Expo SDK 18, which is based on NR 0.45 and for me the only way to workaround this issue is to open remote debugger

[mrfzd]

Same issue here, after React Native 0.46 was released yesterday I downloaded and configured everything to what React Native suggests, Node v6.11 and downgraded npm from 5 to 4
Download Expo and opened emulator, started the app and in the Expo clicked on Device

Everything works but this error intermittently occurs and it's very annoying!
Hope they fix this annoyable bug ASAP

[mrfzd]

As of today 7th July, the best way round this problem is to enable "Ctrl + M > Remote JS Debugger" from your emulator
Hope it helps

[nimabk82]

I get this error (real device) when I try to dismiss a modal and I have to say I'm using react-native-navigation lightbox

  <TouchableOpacity style={{alignSelf: 'flex-end',}} activeOpacity={0.6} onPress={this.props.navigator.dismissLightBox.bind(this)}>
                    <Text style={{ padding: 16, color: 'orange'}}>CANCEL</Text>
</TouchableOpacity>
 

[lipingruan]

@nimamyscreen

wix/react-native-navigation#1502

[hemedani]

this hackThis hacky by @rawrmaan fixed for me
change the destroy method on node_modules/react-native-navigation/android/app/src/main/java/com/reactnativenavigation/views/LightBox.java

    public void destroy() {
        // content.unmountReactView();
        dismiss();
    }

tank you man

[christoshrousis]

Above fix doesn't resolve for me on

"react-native": "0.46.4",
"react-native-navigation": "^1.1.230",

[hemedani]

@christoshrousis you should reinstall app on devices

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. Thank you for your contributions.