How to show tabBarBadge in material top navigator

Current Behavior

• I am using the material top tab navigator

const TobTab = createMaterialTopNavigator();
const TopTabNav = ({ route }) => {
  const {
     notifications
    } = route.params;
  return (
    <NetworkContext.Provider value={route.params}>
      <TopTab.Navigator>
        <TopTab.Screen
          name="Home"
          component={Home}
        />
        <TopTab.Screen
          name="Settings"
          component={Settings}
          options={{
            tabBarBadge: notifications.length,
          }}
        />
      </TopTab.Navigator>
    </NetworkContext.Provider>
  );
};

• In the material bottom tab navigator, there is a property called tabBarBadge. So that it is very easy to show the badge/notification count.
• But in material top navigator when I apply the same thing... it is not showing the badge count as expected

Expected Behavior

• tabBarBadge property should be added to the material top navigator so that it will be very easy to show the badge counts
• Or what is the way to show badge count in material top navigator ?

How to reproduce

Example project code

Your Environment