Relacionamento no laravel (Undefined property: Illuminate\Database\Eloquent\Collection)

Estou com o seguinte problema no laravel, no meu relacionamento está assim!

Model Categoria:

public function produto()
{
    return $this->hasMany(Produto::class, 'id');
}

Model Produto:

public function categoria()
{
    return $this->belongsTo(Categoria::class, 'categoria_id');
}

no controller ta assim:

public function index()
{
    $pedidos = Categoria::all();
    foreach($pedidos as $ite){
        echo $ite->produtos->name;
    }
}

o problema é que ele ta me retornando esse erro ai:

Undefined property: Illuminate\Database\Eloquent\Collection::$name

e no terminal ta ta retornando assim:

GET http://localhost:8000/blog 500 (Internal Server Error)

Como posso revolver?

Quando você parte de Categoria ele pode ter vários Produtos, ou seja uma coleção de Produtos, então para ficar melhor faça assim:

Model Categoria:

public function produtos()
{
    return $this->hasMany(Produto::class, 'id');
}

quando é hasMany sempre coloque um s no final para indicar coleção.

E no Controller faça:

$pedidos = Categoria::with('produtos') ->get();
foreach($pedidos as $ite)
{
    foreach($ite->produtos as $produto)
    {
        echo $produto->name;
    }
}