Counter.razor

@page "/counter"
@inject IJSRuntime js
<div @ref="container">

    <h1>Counter</h1>

    <p>Current count: @currentCount</p>

    <button id="counterClick" class="btn btn-primary counterClickC" @onclick="IncrementCount">Click me</button>

</div>

@code {

    private ElementReference container;

    protected async override Task OnAfterRenderAsync(bool firstRender)
    {
        if (firstRender)
        {
            await js.InvokeVoidAsync("initializeCounterComponent", container);
        }
    }
}