Modal isn't receiving the arguments passed.

[kwadejeffrey]

I pass data when I dispatch openModal event but the receiving modal doesn't seem to receive it.
<button wire:click="$dispatch('openModal', { component: 'utilities.modal.online-order.menu-item-modal', arguments: { item: {{ $item->id }} }})" class="w-full mt-4 px-4 py-2 text-white bg-green-500 rounded-lg hover:bg-green-600 transition-all"> Add to Cart </button>.
But I can see the argument from the network tab

`

0	{…}
method	"__dispatch"
params	[…]
0	"openModal"
1	{…}
arguments	{…}
item	1
component	"utilities.modal.online-order.menu-item-modal"

`.

This is my Modal
`use App\Models\RestaurantMenuItem;
use Livewire\Component;
use Illuminate\Http\Request;
use LivewireUI\Modal\ModalComponent;

class MenuItemModal extends ModalComponent
{
public RestaurantMenuItem $item;

public $selectedModifiers;

public function mount(RestaurantMenuItem $item)
{
    dd($item);
    $this->selectedItem = $item;
}`.
Also my modal is weirdly position at the bottom of the page.

[kwadejeffrey]

Solved!!!