Problem Dehydrated Multiple Select

I have created a form widget with two Select fields:

Select::make('teams')
    ->multiple()
    ->relationship('teams', 'name')
    ->preload()
    ->dehydrated()
    ->label(__('user.fields.teams')),
Select::make('roles')
    ->relationship('roles', 'name')
    ->label(__('user.fields.roles'))
    ->preload()
//    ->multiple()
    ->dehydrated(true),
//    ->searchable(),

Select::make('teams')
    ->multiple()
    ->relationship('teams', 'name')
    ->preload()
    ->dehydrated()
    ->label(__('user.fields.teams')),
Select::make('roles')
    ->relationship('roles', 'name')
    ->label(__('user.fields.roles'))
    ->preload()
//    ->multiple()
    ->dehydrated(true),
//    ->searchable(),

Here is the corresponding submit function:

public function submit(): void
{
    $data = $this->form->getState();
    dd($data);
    $data = $this->mutateFormDataBeforeCreate($data);
    $this->record = $this->handleRecordCreation($data);
    $this->form->model($this->getRecord())->saveRelationships();
    $this->dispatch('refreshListUsers');
    $this->getCreatedNotification()?->send();
}

public function submit(): void
{
    $data = $this->form->getState();
    dd($data);
    $data = $this->mutateFormDataBeforeCreate($data);
    $this->record = $this->handleRecordCreation($data);
    $this->form->model($this->getRecord())->saveRelationships();
    $this->dispatch('refreshListUsers');
    $this->getCreatedNotification()?->send();
}

The issue is that the roles select field retrieves the data correctly, but the teams select field doesn't work as expected. Has anyone encountered this problem or found a solution?