Deep nested data limit?

What seems to be the problem:

I have succesfully minded a form elementen to a nested data element. I did this by setting the $rules in my Livewire component. However when I try to acces a deeper nested element I cannot bind this to a form element. Is there a limit on how to access the deeper nested data?

This are my actual rules:

protected $rules = [ 'employers.*.employer_name' => 'required|string|min:3', 'employers.*.positions.*.position_title' => 'required|string|min:3', ];

Are you using the latest version of Livewire: yes!

Here you seen the screenshot of the interface. As you can see, the first rule successfully binds to the first form input. However the second input stays empty.

Here you see the frontend code with the nested and deep nested data element.

@foreach($employers as $i => $employer)
                    <div class="{{ !$loop->first ? 'border-t border-gray-200' : ''}} py-4">
                        <h3 class="text-md leading-6 font-medium text-gray-900">
                            Werkgever {{ $loop->iteration }}
                            <button type="button" wire:click.prevent="removeEducation({{ $i }})"
                                class="float-right relative inline-flex items-center px-1 py-1 rounded-md border border-gray-300 bg-white text-sm leading-5 font-medium text-gray-700 hover:text-purple-500 focus:z-10 focus:outline-none focus:border-blue-300 focus:shadow-outline-blue active:bg-gray-100 active:text-gray-700 transition ease-in-out duration-150">
                                <svg class="h-4 w-4 text-gray-400" x-description="Heroicon name: bookmark"
                                    xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
                                    <path
                                        d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z">
                                    </path>
                                </svg>

                            </button>
                        </h3>
                        <div class="grid grid-cols-6 gap-4">
                            <div class="col-span-6">
                                <x-form-input name="employers.{{ $i }}.employer_name"
                                    wire:model="employers.{{ $i }}.employer_name" label="Naam werkgever" />
                            </div>

                        </div>
                        @foreach($employer->positions as $i_position => $position)
                        <div class="grid grid-cols-6 gap-4">
                            <div class="col-span-6">
                                <x-form-input name="employers.{{ $i }}.positions.{{ $i_position }}.position_title"
                                    wire:model="employers.{{ $i }}.positions.{{ $i_position }}.position_title"
                                    label="Naam werkgever" />
                            </div>
                        </div>
                        @endforeach
                    </div>
                    @endforeach

My Livewire component (simplified).

namespace App\Http\Livewire\Candidate;

use App\Models\Candidate\CandidateEmployer;
use App\Models\Candidate\CandidateResume;
use Livewire\Component;

class ResumeWorkExperienceEdit extends Component
{
public $resume;
public $candidate;
public $employers = [];


protected $rules = [
    'employers.*.employer_name' => 'required|string|min:3',
    'employers.*.positions.*.position_title' => 'required|string|min:3',
];

public function mount()
{
    $this->resume = CandidateResume::where('candidate_id', $this->candidate->id)->first();
    $this->employers = old('education', $this->resume->employers);
}



public function resumeEdited()
{
    $this->emit('resumeEdited');
}

public function render()
{
    return view('livewire.candidate.resume-work-experience-edit');
}

}

Hope for some help or clarification, thanks so much!