How can I access component properties in view?

<?php

namespace App\Forms\Components;

use Filament\Forms\Components\Field;

class SelectWithPivot extends Field
{
    protected string $view = 'forms.components.select-with-pivot';

    public ?int $selectedItem = null;

    protected function setUp(): void
    {
        parent::setUp();

        $this->afterStateHydrated(function (self $component, ?array $state) {
            if (blank($state)) {
                $component->state(['test' => 1]);
            }
        });
    }

    public function updatedSelectedItem()
    {
        dd($this->selectedItem);
    }
}

<x-dynamic-component
    :component="$getFieldWrapperView()"
    :field="$field"
>
    {{ json_encode($getState()) }}
    <div x-data="{ state: $wire.{{ $applyStateBindingModifiers("\$entangle('{$getStatePath()}')") }} }">
        <select wire:model="selectedItem">
            <option>1</option>
            <option>2</option>
            <option>3</option>
        </select>
    </div>
</x-dynamic-component>