Im tring to dynamically load a react component without using default react-native rendering behavior.

import React, {Component} from 'react';
import {Text, Button, RootTagContext} from 'react-native';

class App extends Component {
  static contextType = RootTagContext;

  constructor(props) {
    super(props);
    this.state = {change: true};
    this.onclick = this.onclick.bind(this);
  }
  onclick() {
    this.orchestrator.dispatch({type: 'LOGIN_SUCCESS', rootTag: this.context});
  }
  render() {
    return (
      <Text>
        MicroApp 1
        <Button
          onPress={this.onclick}
          title="Learn More"
          color="#841584"
          accessibilityLabel="Learn more about this purple button"
        />
      </Text>
    );
  }
}

export default App;

following code snippet will unmount the view from the screen and render new component.

if (rootTag == 0) AppRegistry.registerComponent(config, () => apps[id]);
else {
  AppRegistry.unmountApplicationComponentAtRootTag(rootTag);
  AppRegistry.registerComponent(config, () => apps[id]);
}

but while executing the else part, im getting following error.

Am i using the unmountApplicationComponentAtRootTag correct way? Can anyone can help me to resolve this problem?