Livewire 3 @js directive and Laravel component

So we have the following situation (only the essence of the problem)

@php($items = ['1', '2', '3'])

// it's work
// <button wire:click="$dispatch('action', { items: JSON.parse('[\u00221\u0022,\u00222\u0022,\u00223\u0022]') })">...</button>
<button wire:click="$dispatch('action', { items: @js($items) })">...</button>

// it's don't work. 
// Alpine Expression Error: Invalid or unexpected token
// Expression: "@js(['items' => $items])"
// <button wire:click="$dispatch('action', { items: @js($items) })">...</button>
<x-button wire:click="$dispatch('action', { items: @js($items) })">...</x-button>

x-button component (Laravel):

<button {{ $attributes }}>
    {{ $slot }}
</button>

As you can see from the comments, in the case of the tag, the DD directive was a parsed, but not parsed in the component. Does anyone have any ideas or thoughts?