custom field live(onBlur: true) firing immediately

MathInput::make('test')
            ->live(onBlur: true)
            ->afterStateUpdated(function (?string $state, ?string $old) {
                dd($state);
            });

MathInput::make('test')
            ->live(onBlur: true)
            ->afterStateUpdated(function (?string $state, ?string $old) {
                dd($state);
            });

<x-dynamic-component :component="$getFieldWrapperView()" :field="$field">

    <div x-data="{ state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$getStatePath()}')") }} }">
        <x-filament::input.wrapper>
            <x-filament::input type="text" x-model="state" />
        </x-filament::input.wrapper>
    </div>
</x-dynamic-component>

<x-dynamic-component :component="$getFieldWrapperView()" :field="$field">

    <div x-data="{ state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$getStatePath()}')") }} }">
        <x-filament::input.wrapper>
            <x-filament::input type="text" x-model="state" />
        </x-filament::input.wrapper>
    </div>
</x-dynamic-component>