Передача неправильной модели в частичную

Я создаю свое первое веб-приложение с бритвенными страницами .net core.

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

Ошибка:

The model item passed into the ViewDataDictionary is of type 'BrambiShop.UI.Pages.IndexModel', but this ViewDataDictionary instance requires a model item of type 'BrambiShop.UI.Pages.Shared._SideCategoriesMenuModel'.

Я знаю, что есть несколько тем по этому поводу, но я борюсь с этим через несколько дней после работы и не могу найти точного решения. Наверное, я понимаю, что я делаю неправильно. Но я не знаю, как сделать это правильно.

Я пытаюсь загрузить частичное из индекса следующим образом:

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}
 @{ await Html.RenderPartialAsync("_SideCategoriesMenu"); }

Частичное это:

    @page
@model BrambiShop.UI.Pages.Shared._SideCategoriesMenuModel
@*
    For more information on enabling MVC for empty projects, visit http://go.microsoft.com/fwlink/?LinkID=397860
*@
@foreach (var category in Model.Categories)
{
    <button class = "font-weight-bold" data-toggle = "collapse" href = "#[email protected](modelItem => category.Id)"
            aria-expanded = "false" aria-controls = "[email protected](modelItem => category.Id)">
        @Html.DisplayFor(modelItem => category.Name)
    </button>

    <!-- Collapsible element -->

    <div class = "collapse text-center" id = "[email protected](modelItem => category.Id)">
        @foreach (var subCategory in Model.SubCategories.Where(x => x.CategoryId == category.Id))
        {
            <form action = "/url/to/action" Method = "GET">
                <input type = "hidden" name = "Property" value = "@Html.DisplayFor(modelItem => subCategory.Id)" />
                <button type = "submit">
                    <i class = "fas fa-caret-right pl-1"></i>@Html.DisplayFor(modelItem => subCategory.Name)
                </button>
            </form>
        }
    </div>
    <!-- / Collapsible element -->

}

И, наконец, cshtml.cs

using BrambiShop.API.Models;
using BrambiShop.UI.Services;
using Microsoft.AspNetCore.Mvc.RazorPages;
using System.Collections.Generic;
using System.Threading.Tasks;

namespace BrambiShop.UI.Pages.Shared
{
    public class _SideCategoriesMenuModel : PageModel
    {
        private readonly IApiClient _Client;

        public _SideCategoriesMenuModel(IApiClient client)
        {
            _Client = client;
        }

        public IList<Category> Categories { get; set; }
        public IList<SubCategory> SubCategories { get; set; }

        public async Task OnGet()
        {
            Categories = await _Client.GetCategoriesAsync();
            SubCategories = await _Client.GetSubCategoriesAsync();
        }
    }
}

Может кто-нибудь помочь мне с этим, пожалуйста? Я просмотрел около 10 часов руководств по созданию API и основам Интернета, но это чертовски частично. Я просто нигде не могу найти ответ на этот вопрос.

Большое спасибо за любые усилия.

РЕДАКТИРОВАТЬ --- модель индекса

using BrambiShop.API.Models;
using BrambiShop.UI.Services;
using Microsoft.AspNetCore.Mvc.RazorPages;
using System.Collections.Generic;
using System.Threading.Tasks;

namespace BrambiShop.UI.Pages
{
    public class IndexModel : PageModel
    {

        public IndexModel()
        {

        }

        public async Task OnGet()
        {
        }
    }
}