I created a macro called pSearch, which contains the following code:

@inherits Umbraco.Web.Macros.PartialViewMacroPage
@using DS.Models
@model ProductFilterModel

@using (@Html.BeginUmbracoForm("Search", "ProductSearch", new { @Model }, new { @class = "vehicle-filter group", @id = "productFilterForm" }, FormMethod.Get))
{

    <div class="select">
        <select id="YearDropDownList" name="VehicleYear" class="year" data-request-url="@Url.Action("GetVehicleYears","ProductFilter")">

        </select>

    </div>

    <div class="select">
        <select id="MakeDropDownList" name="VehicleMakeId" class="make" disabled data-request-url="@Url.Action("GetVehicleMakes","ProductFilter")"></select>
        @Html.HiddenFor(x => x.VehicleMake)



    </div>

    <div class="select">
        <select id="ModelDropDownList" name="VehicleModelId" class="model" disabled data-request-url="@Url.Action("GetVehicleModels","ProductFilter")"></select>
        @Html.HiddenFor(x => x.VehicleModel)

    </div>


    <div class="select">
        <select id="EngineDropDownList" name="VehicleEngineId" class="engine" disabled data-request-url="@Url.Action("GetVehicleEngines","ProductFilter")"></select>
        @Html.HiddenFor(x => x.VehicleEngine)

    </div>

    <button id="search" type="submit" class="search-button" disabled>SEARCH</button>
    }

Then in my search.cshtml file, I am calling this:

@Umbraco.RenderMacro("pSearch",new ProductFilterModel())

But when I got to my search page, it says:

Error loading Partial View script (file: ~/Views/MacroPartials/psearch.cshtml)

Apparently, it has something to do with the @inherits keyword is not allowed within @model, so what is the best way to handle this if I need to inherit and pass a custom object model?