createOptionUsing on select not called in livewire component

class CreateProducts extends Component implements HasForms
{
    use InteractsWithForms;

    public ?array $data = [];

    public function mount(): void
    {
        $this->form->fill();
    }


    public function form(Form $form): Form
    {
        return $form->schema([
            Select::make('tag')
                ->createOptionForm(function () {
                    return [
                        TextInput::make('name')->label('Name')->required(),
                    ];
                })->createOptionUsing(function ($data) {
                    dd($data); // This is never called, instead the form is submitted and the Tag will be created.
                })
                ->preload()
                ->relationship(name: 'tags', titleAttribute: 'name')
                ->multiple(),
        ])
            ->statePath('data')
            ->model(Product::class);
    }

    #[Layout('layouts.app')]
    public function render(): View
    {
        return view('products.create-products');
    }

<div>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Create product') }}
        </h2>
    </x-slot>
    <div>
        <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">

            <form wire:submit="create">
                {{ $this->form }}
            </form>

            <x-filament-actions::modals />
        </div>
    </div>
</div>