react-navigation drawer stays opened after app is initialised in SDK40

🐛 Bug Report

after upgrade to sdk 40, app broken and drawer stays opened
Screenshot 2021-01-05 at 10 45 48

reverted into SDK39 and life back to normal

Environment –

    System:
      OS: macOS 10.15.7
      Shell: 5.7.1 - /bin/zsh
    Binaries:
      Node: 12.14.1 - /usr/local/bin/node
      Yarn: 1.22.10 - /usr/local/bin/yarn
      npm: 6.14.8 - /usr/local/bin/npm
    Managers:
      CocoaPods: 1.9.1 - /usr/local/bin/pod
    SDKs:
      iOS SDK:
        Platforms: iOS 14.2, DriverKit 20.0, macOS 11.0, tvOS 14.2, watchOS 7.1
    IDEs:
      Android Studio: 4.1 AI-201.8743.12.41.6858069
      Xcode: 12.2/12B45b - /usr/bin/xcodebuild
    npmPackages:
      expo: ^40.0.0 => 40.0.0
      react: 16.13.1 => 16.13.1
      react-dom: 16.13.1 => 16.13.1
      react-native: https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz => 0.63.2
    npmGlobalPackages:
      expo-cli: 4.0.17
    Expo Workflow: managed

and "@react-navigation/bottom-tabs": "5.11.2", "@react-navigation/drawer": "5.11.4", "@react-navigation/native": "5.8.10", "@react-navigation/stack": "5.12.8",

1 possible answer(s) on “react-navigation drawer stays opened after app is initialised in SDK40

  1. re: top-level SafeAreaViews – this should be avoided: https://reactnavigation.org/docs/handling-safe-area – React Navigation adds them for you automatically when needed for the navigation UI, and you should add them per-screen when needed.

    we recommend using react-native-safe-area-context for all of your safe area needs, it exports SafeAreaView and hooks like useSafeAreaInsets. read more in the docs page linked to above and once again here: https://reactnavigation.org/docs/handling-safe-area

    if anyone can provide a reproducible example for the bug that demonstrates this is a bug with expo / expo sdk i’d be happy to investigate, but closing otherwise