Broken tabs in <Inbox>

  const tabs = useMemo(() => [
    { label: 'All' },
    { label: 'Command Center', filter: { tags: ['primary-shipment-state', 'document-upload'] } },
    { label: 'Live Risk', filter: { tags: ['live-risk-status', 'live-risk-event'] } },
    { label: 'Temp. Release', filter: { tags: ['temperature-release'] } },
    { label: 'Comments', filter: { tags: ['comments'] } }
  ], []);


  <Inbox
    appearance={appearanceConfig}
    tabs={tabs}
    preferenceGroups={preferenceGroups}
    routerPush={handleRouterPush}
  >
    <InboxContent
      onPrimaryActionClick={(notification) => {
        console.log('onPrimaryActionClick', notification.primaryAction?.redirect?.url || '');
      }}
      onNotificationClick={(notification) => {
        console.log('onNotificationClick', notification.primaryAction?.redirect?.url || '');
      }}
    />
  </Inbox>