Help with Filament Modal Component

<x-filament::modal
    width="lg"
    heading="Chatbot"
    id="chatbot-modal"
    slide-over="true"
    stickyHeader="true"
    @modal-opened="
        $nextTick(() => {
            const modalElement = $refs.modalContainer
            modalElement.scrollTo({
                top: modalElement.scrollHeight,
                behavior: 'smooth'
            });
        })
    "
>
    <x-slot
        name="trigger"
        class="fixed bottom-4 right-4 rounded-full bg-primary-500 p-4 hover:bg-primary-200"
    >
        <x-filament::icon
            class="h-5 w-5 text-white"
            icon="heroicon-o-chat-bubble-left"
        />
    </x-slot>
    @livewire('filament-chatbot')
</x-filament::modal>