Recibo el siguiente error cuando hago clic en mis enlaces:

bootstrap.bundle.min.js:6 DOMException no detectada: no se pudo ejecutar 'querySelector' en 'Documento': '/Products/ShowProductByNavGroupId?navGroupId=5&title=%D9%BE%D9%88%D8%B3%D8%AA' no es un selector válido.

¡No sé por qué me sale ese error! Aquí está la vista parcial llamada _Menu.cshtml la que tengo una navegación:

 @model Keyhanatr.Core.DTOs.Products.GroupsProductsViewModel @foreach (var nav in Model.productNavGroups) { <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle show" asp-controller="Products" asp-action="ShowProductByNavGroupId" asp-route-navGroupId="@nav.NavGroupId" asp-route-title="@nav.NavTitle" data-bs-toggle="dropdown" aria-expanded="true">@nav.NavTitle</a> @if (Model.ProductGroups.Any(g => g.ProductNavGroupId == nav.NavGroupId)) { <div class="dropdown-menu p-0 show"> @foreach (var group in Model.ProductGroups.Where(g => g.ProductNavGroupId == nav.NavGroupId)) {. . . }

Cuando hago clic en <a> con la clase nav-link dropdown-toggle show , no sucede nada, y cuando miro la sección de la consola de mi inspección, ¡veré el error que mencioné anteriormente! ¿Alguien puede ayudar?