How to add product filters to left side in nopCommerce 4.10?

Hello,

I want to add the filter to left side of product page. I tried to do by adding following code.

1. In the file '~Views\Catalog\CategoryTemplate.ProductsInGridOrLines.cshtml':

@section filters
{
<div class="product-filters">
    @*filtering*@
    @if (Model.PagingFilteringContext.PriceRangeFilter.Enabled)
    {
        @Html.Partial("_FilterPriceBox", Model.PagingFilteringContext.PriceRangeFilter, new ViewDataDictionary())
    }
    @*filtering*@
    @if (Model.PagingFilteringContext.SpecificationFilter.Enabled)
    {
        @Html.Partial("_FilterSpecsBox", Model.PagingFilteringContext.SpecificationFilter, new ViewDataDictionary())
    }
</div>
}

After adding code it shows red squiggly line under 'ViewDataDictionary()'. On hover of it its says 'ViewDataDictionary' does not contain a constructor that takes 0 arguments
.

Can any one please guide me on this?