Component not found after Standalone Form Submission

I create a Standalone Filament Form inside a Livewire Component. I am only able to submit the form for the first time, the next time I click the submit button, I get a javascript error

livewire.esm.js:8341 Uncaught Component not found: CmxiE7XWv7BNlojJe6Z5

livewire.esm.js:8341 Uncaught Component not found: CmxiE7XWv7BNlojJe6Z5

. Has someone faced a similar issue? What could be causing it?

AbiOP•5/14/24, 1:00 PM

any advice on why this issue may occur? The only way I can re-submit the form again is by refreshing the page and again only once.

toeknee•5/14/24, 1:20 PM

Did you mount and fill the form correctly?

AbiOP•5/14/24, 1:27 PM

Yes, the form displays correctly, but i am able to submit the form only once and the next time I try, I get a console error as mentioned above. The problem is, I have this problem only with this single form and not the other forms on the project, still trying to figure what the issue may be.

AbiOP•5/14/24, 1:38 PM

if the form is used only to accept data like a contact us form, do I still need to call the method on mount?

AbiOP•5/14/24, 1:39 PM

I only call after the form is submitted to reset it.

toeknee•5/14/24, 1:42 PM

What is it you are trying to do? are you submitting it and it works fine, then you form->fill after it has saved and try to submit again and you get the error?

toeknee•5/14/24, 1:43 PM

try:

$this->reset();

instead.

AbiOP•5/14/24, 1:43 PM

correct

AbiOP•5/14/24, 1:53 PM

doesn't help with the console error. For some reason, the attribute for the livewire seems lost but the is still the same (see video) https://share.cleanshot.com/57ZFGM9q . But the strange thing is I am not sure where this new componentId is getting reset. The form elements still have the same key's as it was initialized. Re-submiting the form shows an missing component with id that is not on the DOM at all.