How to use the @react-navigation/core.SwitchRouter function in @react-navigation/core

<div>
          
        </div>
      
    );
  }
}

const AppNavigator = createNavigator(
  SidebarView,
  SwitchRouter({
    Home,
    About,
    Profile
  }),
  {}
);

const App = createBrowserApp(AppNavigator);

export default App;

/>
    )
    return (
      
        
        {sceneView}
      
    )
  }
}

const tabs = Shared.desktopTabs

const TabNavigator = createNavigator(
  TabView,
  SwitchRouter(
    tabs.reduce((map, tab) => {
      map[tab] = createNavigator(
        AppView,
        StackRouter(Shim.shim(routes), {
          initialRouteName: tabRoots[tab],
          initialRouteParams: undefined,
        }),
        {}
      )
      return map
    }, {}),
    {backBehavior: 'none', resetOnBlur: false}
  ),
  {}
)

getActiveChildNavigationOptions
} from "@react-navigation/core";

import About from "./screens/About";
import Home from "./screens/Home";
import DocHome from "./screens/DocHome";
import DocA from "./screens/DocA";
import DocB from "./screens/DocB";
import Contributor from "./screens/Contributor";

import AppView from "./AppView";
import SidebarView from "./SidebarView";

const Docs = createNavigator(
  SidebarView,
  SwitchRouter({
    DocHome,
    DocA,
    DocB
  }),
  {
    navigationOptions: ({ navigation, screenProps }) => {
      const options = getActiveChildNavigationOptions(navigation, screenProps);
      return { title: options.title };
    }
  }
);
Docs.path = "docs";

const AppNavigator = createNavigator(
  AppView,
  SwitchRouter({