Как создать MaterialTopTabNavigator из кода, который был извлечен / передан?

Question

Я хочу создать навигатор с вкладками на основе кода, который был извлечен из вызова API.Однако я не хочу создавать новый контейнер приложений, потому что у меня уже есть такой.Тем не менее, независимо от того, что я пытаюсь сделать, например, приведенный ниже код, я получаю ошибки, которые либо мне нужны навигатор приложения, если я возвращаю topTabnavigator, например, это: или что я не могу вернуть функцию, если я возвращаю TopTabnavigator, как показано ниже:

const TabNavigator = props => { 


  let categories=props.navigation.getParam('categories', null)
  categories = categories.reduce((val, tab) => {
      val[tab.name] = {
        screen: TabScreens}
      return val
    }, {})
  const Tabs = createMaterialTopTabNavigator(
  {
    ...categories
  },
  {
    swipeEnabled: true,
    animationEnabled: true,
    // activeColor: 'white',
    // inactiveColor: 'black',
    // barStyle: { backgroundColor: 'grey' },
    // headerMode: 'screen',
    /* navigationOptions: {
    headerStyle: {
      backgroundColor: '#B22222'
    },
  } */
    //  headerLeft: null,
    tabBarOptions: {
      activeTintColor: 'black',
      upperCaseLabel: 'false',
      tabStyle: {
        backgroundColor: '#EEEEEE',
        borderRightWidth: 1,
        borderRightColor: 'lightgrey'
      },
      indicatorStyle: {
        //  backgroundColor: 'cyan'
      },
      inactiveTintColor: 'grey',
      scrollEnabled: true,
      style: {
        backgroundColor: '#EEEEEE',
        height: 50
      },
      allowFontScaling: true
    }
  }
)
return Tabs
}
export default TabNavigator