overlay does not work with current versions of React

[jrobber]

Error: Objects are not valid as a React child (found: object with keys {onCommand, features}). If you meant to render a collection of children, use an array instead. in Unknown (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 react-native-root-siblings/index.js:32) in RootSiblingsWrapper (at AppContainer.js:121) in RCTView (at View.js:34) in View (at AppContainer.js:132) in AppContainer (at renderApplication.js:39) This error is located at: in Unknown (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 react-native-root-siblings/index.js:32) in RootSiblingsWrapper (at AppContainer.js:121) in RCTView (at View.js:34) in View (at AppContainer.js:132) in AppContainer (at renderApplication.js:39)

import * as Reactotron from 'reactotron-react-native';
...
const AppWithBenefits = __DEV__ ? Reactotron.overlay(App) : App;

"react": "16.13.1",
"react-dom": "^16.13.1",
"react-native": "^0.63.3",
...
"reactotron-mst": "^3.1.3",
"reactotron-react-native": "^5.0.0",

Tried with with Config:

Reactotron.configure({
  name: 'Y App',
})
  .setAsyncStorageHandler(AsyncStorage)
  .useReactNative({
    asyncStorage: true,
    devTools: true,
    editor: true,
    errors: {
      veto: (frame) =>
        frame.fileName.indexOf('/node_modules/react-native/') >= 0,
    },
    overlay: true,
    networking: false,
    storybook: false,
  })
  .connect();

And with with Config:

Reactotron.configure({
  name: 'Y App',
}) // controls connection & communication settings
  .setAsyncStorageHandler(AsyncStorage)
  .use(trackGlobalErrors({
      veto: (frame) =>
        frame.fileName.indexOf('/node_modules/react-native/') >= 0,
    })
  .use(openInEditor())
  .use(asyncStorage())
  .use(overlay())
  .useReactNative()
  .connect();