Radzen Blazor Data Grid

I have a simple data grid as follows:

<RadzenGrid AllowFiltering="true" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" FilterMode="FilterMode.Advanced" AllowPaging="true" PageSize="10"
             AllowSorting="true" Data="@Customers" TItem="Customer" ColumnWidth="200px" AllowColumnResize="true">
     <Columns>
         <RadzenGridColumn TItem="Customer" Property="FirstName" Title="First Name"  />
         <RadzenGridColumn TItem="Customer" Property="LastName" Title="Last Name"/>
         <RadzenGridColumn TItem="Customer" Property="Birthday" Title="Birthday" />
         <RadzenGridColumn TItem="Customer" Property="LastOrderDate" Title="Last Order Date" />
         <RadzenGridColumn TItem="Customer" Property="LastOrderTotal" Title="Last Order Total" />
 
     </Columns>
 </RadzenGrid>

Data binds find and appears correctly in the grid. However, I cannot sort or filter on the grid. I see the sort icon and the filter icon. Clicking the filter icon pops the div to filter on but nothing is functional.

application type: server-side

css/js setup in _host file:

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="_content/Radzen.Blazor/css/default.css">
    <script src="_content/Radzen.Blazor/Radzen.Blazor.js"></script>
</head>

what am I missing

Check your browser console for errors