mvc not finding blazor item, 404 not found

@inject NavigationManager NavigationManager
@using Project.Components

<div class="container-fluid">
<div class="row flex-nowrap">
class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-dark">
<div class="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white min-vh-100">
<a href="/" class="d-flex align-items-center pb-3 mb-md-0 me-md-auto text-white text-decoration-none">
<span class="fs-5 d-none d-sm-inline">Menu</span>
</a>

<ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu">                    
<li class="nav-item">
<a href="#" class="nav-link align-middle px-0">
<i class="fs-4 bi-house"></i> <span class="ms-1 d-none d-sm-inline">Home</span>
</a>
</li>
<li>
<a href="#" class=" px-0 align-middle">
<i class="fs-4 bi-table"></i> <span @onclick="NavigateToCounter" class="ms-1 d-none d-sm-inline">View Submissions</span>
</a>
</li>
</ul>
</div>
</div>
<div class="col py-3">
<a class="nav-link" asp-controller="Submission" asp-action="Index">View Submissions</a>
Content area...
</div>
</div>
</div>
@code {
private void NavigateToCounter()
{
NavigationManager.NavigateTo("/counter", forceLoad: true);
}
}

@page "/counter"
<h1>Counter</h1>
<p role="status">CurrentCount: @currentCount</p>
<button class="btn btn-primary" @onclick="IncrementCount">Click to increment</button>
@code {
private int currentCount = 0;
private void IncrementCount()
{
currentCount++;
}
}