Filament v5 RichEditor "$wire is not defined" error when uploading images inside Action modal

[chinkhuu]

Package

Form builder

Package Version

v5

Environment

• Laravel: v12
• Filament: v5
• Livewire: v4
• Flux UI: v2 (livewire/flux)
• PHP: 8.4
• Multi-tenancy: stancl/tenancy v3.9

The Problem

I'm using Filament v5 standalone Table Builder in a Livewire component (not
inside a Filament Panel). When I try to paste or drag-drop an image into a
RichEditor field that is inside an Action modal, I get the following
JavaScript error:

Uncaught ReferenceError: $wire is not defined
at c (rich-editor.js?v=5.0.0.0:140:2297)
at Object.finishCallback (rich-editor.js?v=5.0.0.0:140:3313)
at UploadManager.markUploadFinished (livewire.js:740:20)

The image upload starts (shows "Uploading file...") but fails when the upload
completes and the callback tries to use $wire.

My Setup

Livewire Component (app/Livewire/Post.php):

<?php
namespace App\Livewire;

 use Filament\Actions\Action;
 use Filament\Actions\Concerns\InteractsWithActions;
 use Filament\Actions\Contracts\HasActions;
 use Filament\Forms\Components\RichEditor;
 use Filament\Forms\Components\TextInput;
 // ... other imports
 use Filament\Tables\Concerns\InteractsWithTable;
 use Filament\Tables\Contracts\HasTable;
 use Filament\Schemas\Concerns\InteractsWithSchemas;
 use Filament\Schemas\Contracts\HasSchemas;
 use Livewire\Component;

 class Post extends Component implements HasActions, HasSchemas, HasTable
 {
     use InteractsWithActions;
     use InteractsWithSchemas;
     use InteractsWithTable;

     public function table(Table $table): Table
     {
         return $table
             ->query(Post::query())
             ->columns([...])
             ->toolbarActions([
                 Action::make('create')
                     ->modalWidth('4xl')
                     ->schema([
                         TextInput::make('title')->required(),
                         RichEditor::make('content')
                             ->required()
                             ->fileAttachmentsDisk('s3')

 ->fileAttachmentsDirectory('rich-editor-attachments')
                             ->fileAttachmentsVisibility('public')
                             ->columnSpanFull(),
                     ])
                     ->action(function (array $data): void {
                         // save logic
                     }),
             ]);
     }
 }

What I've Tried

1. Changed script order - Tried @filamentScripts before @fluxscripts and vice
   versa
2. Removed @fluxscripts - Error still occurs with only @filamentScripts
3. Published assets - Ran php artisan filament:assets and php artisan
   livewire:publish --assets
4. Rebuilt frontend - Ran npm run build
5. Added file attachment config - Added fileAttachmentsDisk(),
   fileAttachmentsDirectory(), fileAttachmentsVisibility() to RichEditor

Questions

1. Is this a known issue with RichEditor inside Action modals in Filament v5?
2. Is there a conflict between @fluxscripts and @filamentScripts both loading
   Alpine.js?
3. Is there a workaround to make RichEditor image uploads work inside modals?
4. Should I use a different approach (separate page instead of modal) for
   forms with RichEditor?

Additional Context

• FileUpload component works fine in the same modal
• The error only occurs when the upload completes - the finishCallback can't
  find $wire
• I'm using this outside of a Filament Panel (standalone Livewire component)

Any help would be greatly appreciated!

[leandrocfe]

I think this question was posted in discord as well.

Make sure you have "filament/filament": "^5.0" in composer.json and run composer update