FileUpload Component is reloading after the first upload

ComponentActionAlias::make('Message')
    ->label('Message')
    ->view('filament.modals.customer-message'),

<x-filament::modal id="send-message-form" width="4xl" :close-by-clicking-away="false" :close-by-escaping="true">
    <x-slot name="trigger">
        <x-filament::button icon="heroicon-s-chat-bubble-bottom-center-text" label="Message">
            Message
        </x-filament::button>
    </x-slot>

    <x-slot name="heading">Send Us A Message</x-slot>
    <x-slot name="description">Send us a message or files regarding this order.</x-slot>

    <livewire:customer-message-form
        :email="$getRecord()->website->Email_Address__c"
        :order-number="$getRecord()->Name"
    />

    <x-slot name="footer">
        <x-slot name="footerActions">
            <x-filament::button
                icon="heroicon-s-paper-airplane"
                color="success"
                label="Send"
                x-on:click="$dispatch('send-customer-message')"
            >
                Send
            </x-filament::button>

            <x-filament::button
                icon="heroicon-s-no-symbol"
                color="danger"
                label="Cancel"
                x-on:click="$dispatch('close-modal', { id: 'send-message-form' })"
            >
                Cancel
            </x-filament::button>
        </x-slot>
    </x-slot>
</x-filament::modal>