Validation for Dropdownlist in ASP.NET MVC

Question

I’m doing a project, I was doing a Dropdownlist that takes the database data and shows the user. To some extent everything went well, but it lacks a part of treatment, or a validation, because every time some text box is blank, it for the application and gives this error

System.InvalidOperationException: 'O item ViewData que possui a chave 'idCategoria' é do tipo 'System.String', mas precisa ser do tipo 'IEnumerable<SelectListItem>'.'

This error always occurs when I pass one SelectList using a ViewBag

I have the following codes:

Model Produto

public class Produto
{
    private ConexaoDB db;

    [Display(Name = "Código")]
    [StringLength(5, ErrorMessage = "Máximo 5 caracteres")]
    [Key]
    public string idProduto { get; set; }

    [Display(Name = "Nome")]
    [Required(ErrorMessage = "O campo é obrigatório")]
    [StringLength(50, ErrorMessage = "Máximo 50 caracteres")]
    public string nome { get; set; }

    [Display(Name = "Preço Unitário")]
    [Required(ErrorMessage = "O campo é obrigatório")]
    public decimal precoUnitario { get; set; }

    [Display(Name = "Categoria")]
    [Required(ErrorMessage = "O campo é obrigatório")]
    public string idCategoria { get; set; }

    public IEnumerable<SelectListItem> CategoryList { get; set; }

 ...

    public List<Categoria> ListarCategoria()
{
    var strQuery = "select idCategoria, nome from categoria";

    using (db = new ConexaoDB())
    {
        var retorno = db.RetornaRegistro(strQuery);
        return ListaDeCategoria(retorno);
    }
}

public List<Categoria> ListaDeCategoria(MySqlDataReader retorno)
{
    var categorias = new List<Categoria>();
    while (retorno.Read())
    {
        var TempCategoria = new Categoria()
        {
            idCategoria = retorno["idCategoria"].ToString(),
            nome = retorno["nome"].ToString()
        };
        categorias.Add(TempCategoria);
    }
    return categorias;
}

...


}

Productocontroller

public ActionResult Create()
{
    var objproduto = new Produto();
    var leitor = objproduto.ListarCategoria();
    ViewBag.List = new SelectList(leitor, "idCategoria", "nome");
    return View();
}

// POST: Produto/Create
[HttpPost]
public ActionResult Create(Produto produto)
{
    if (ModelState.IsValid)
    {
        var objproduto = new Produto();
        objproduto.InsertProduto(produto);

        return RedirectToAction("Details");
    }
    return View(produto);
}

View

<div class="form-group">
    @Html.LabelFor(model => model.idCategoria, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @Html.DropDownListFor(model => model.idCategoria, ViewBag.List as SelectList, "-- Selecione a categoria --", new { @required = "required", @class = "form-control" })
        @Html.ValidationMessageFor(model => model.idCategoria, "", new { @class = "text-danger" })
    </div>
</div>

How can I solve this problem?