Как я могу отладить код Blazor рендеринга на стороне сервера в компоненте?

Я создаю приложение Blazor для рендеринга на стороне сервера.

В Program.cs у меня есть

builder
    .Services
    .AddRazorComponents()
    .AddInteractiveServerComponents();

и

app.MapRazorComponents<App>()
    .AddInteractiveServerRenderMode();

В компоненте у меня есть что-то вроде этого, которое не работает, и я хотел бы отладить этот код с точками останова, но не нахожу способа его отладки.

@using  System.Globalization
@inject IJSRuntime JSRuntime
@inject NavigationManager Nav

<select class = "form-control" @onchange = "ChangeLanguage">
    @foreach (var language in supportedLanguages)
    {
        <option value = "@language">@language.DisplayName</option>
    }
</select>

@code
{
    CultureInfo[] supportedLanguages = new[]
    {
        new CultureInfo("en-US"),
        new CultureInfo("pt-PT"),
        new CultureInfo("fr-FR"),
    };

    private async Task ChangeLanguage(ChangeEventArgs e)
    {
        var culture = e.Value?.ToString();
        Console.WriteLine("culture is " + culture);
        if (!string.IsNullOrEmpty(culture))
        {
            await JSRuntime.InvokeVoidAsync("BlazorCulture.setCulture", culture);
        }
    }
}

После поиска и поскольку я использую .NET 8, единственное, что позволяет серверной стороне отладки, - это использовать следующий код в app.razor файле:

<script src = "_framework/blazor.server.js" autostart = "false"></script>
<script>
    Blazor.start({
        configureSignalR: function (builder) {
            builder.withUrl("/_blazor", {
                skipNegotiation: true,
                transport: 1
            });
        }
    });
</script>