Create Bottom Tab Navigator Using CMS Content

I have a React Native application where the tabs in the bottom tab navigator will be authored through Drupal. As a result I need to not hard-code the various tabs in the navigator. I tried the following:

        screenOptions={{
          tabBarStyle: { display: isAuthenticated ? undefined : 'none' },
        }}
      >
        {mockData.map({ item => {
          <Tab.Screen
              name={item.name}
              component={item.route}
          />
        }})}
      </Tab.Navigator>

but I keep getting an error that there are no screens for the navigator, so it seems putting it inside a map is making it invisible. I'm getting frustrated with how to get this content into the navigator.