Bug Report: Filament Media Manager - Livewire Entangle Error When Uploading Files

[tomascolsa]

Hi,

I'm encountering an issue when trying to upload files using the Filament Media Manager component. Upon selecting a file for upload, the following error appears in the browser console:

Livewire Entangle Error: Livewire property ['mountedActionsData.0.file'] cannot be found on component: ['tomato-p-h-p.filament-media-manager.resources.media-resource.pages.list-media'] livewire.js:3891:19
Additionally, multiple XHR POST requests are made to the /livewire/upload-file route, all resulting in a 500 Internal Server Error.

Steps to reproduce the issue:

Navigate to the Filament Media Manager page.
Attempt to upload a file using the provided file upload component.
Check the browser console for the error message.
Inspect the server response and notice the 500 Internal Server Error.
Additional Information:

Laravel Version: 11.11.1
PHP Version: 8.2.27
Filament Version: 3.2.92
Filament Media Manager Version: 1.1.1
Spatie Media Library Version: 11.7.2

Verified the existence of the $mountedActionsData property in the ListMedia component.

Cleared Laravel cache using:

php artisan config:clear
php artisan cache:clear
php artisan view:clear
php artisan config:cache

Ensured the allow_user_access configuration is set correctly in config/filament-media-manager.php:

'allow_user_access' => true,
Checked database connectivity and confirmed that it is properly set up.

Despite these troubleshooting steps, the issue persists.

Could you please provide guidance or suggest any possible fixes? Let me know if you need any additional information or logs.

Thanks in advance for your support.

Additionally, I need to mention that I have not made any modifications to the media or Tomato Media components; I have only worked on new features. Therefore, the code is exactly as it is in the latest available version to clone.

Best regards,