Search suggestions in AutoSuggestBox

[keeleycenc]

<ui:NavigationView
    x:Name="NavigationView"
    Margin="0, 30, 0, 0"            
    Padding="20,20,20,0"
    EnableDebugMessages="True"
    FooterMenuItemsSource="{Binding FooterMenuItems, Mode=OneWay}"
    FrameMargin="0"
    IsBackButtonVisible="Visible"
    IsPaneToggleVisible="True"
    MenuItemsSource="{Binding MenuItems, Mode=OneWay}"
    OpenPaneLength="233"
    PaneClosed="NavigationView_OnPaneClosed"
    PaneDisplayMode="Left"
    PaneOpened="NavigationView_OnPaneOpened"
    Transition="FadeInWithSlide">
    <ui:NavigationView.AutoSuggestBox>
        <ui:AutoSuggestBox x:Name="AutoSuggestBox" PlaceholderText="Search">
            <ui:AutoSuggestBox.Icon>
                <ui:IconSourceElement>
                    <ui:SymbolIconSource Symbol="Search24" />
                </ui:IconSourceElement>
            </ui:AutoSuggestBox.Icon>
        </ui:AutoSuggestBox>
    </ui:NavigationView.AutoSuggestBox>
    <ui:NavigationView.ContentOverlay>
        <Grid>
            <ui:SnackbarPresenter x:Name="SnackbarPresenter" />
        </Grid>
    </ui:NavigationView.ContentOverlay>
</ui:NavigationView>

public ObservableCollection<object> MenuItems { get; } = [
    new NavigationViewItem(GlobalLanguageManager.GetString("Home"), SymbolRegular.Home24, typeof(HomePage)),
    new NavigationViewItem() {
        Content = GlobalLanguageManager.GetString("Charts"),
        Icon = new SymbolIcon{Symbol = SymbolRegular.ChartMultiple24},
        MenuItemsSource = new object[]{
            new NavigationViewItem(GlobalLanguageManager.GetString("ProductionVolume"), typeof(ProductionVolumePage)),
        }
    }
];

Everything seems correct so far, there are page buttons in the navigation bar and we can navigate to the corresponding page, but why doesn't the AutoSuggestBox search reveal anything about Content?

I don't see any extra action in the source code either? Am I missing any necessary steps? But I can search for the contents of Content using the following format:

 <ui:NavigationView.MenuItems>
     <ui:NavigationViewItem Content="Home" TargetPageType="{x:Type pages:HomePage}">
         <ui:NavigationViewItem.Icon>
             <ui:SymbolIcon Symbol="Home24" />
         </ui:NavigationViewItem.Icon>
     </ui:NavigationViewItem>
     <ui:NavigationViewItem Content="Charts" TargetPageType="{x:Type eCharts:ProductionVolumePage}">
         <ui:NavigationViewItem.Icon>
             <ui:SymbolIcon Symbol="DataHistogram24" />
         </ui:NavigationViewItem.Icon>
     </ui:NavigationViewItem>
 </ui:NavigationView.MenuItems>

What causes this? Does dynamic creation require additional operations?