'this.form.clearErrors()' returns error

Versions:

• @inertiajs/inertia version: 0.8.4
• @inertiajs/inertia-vue version: 0.5.5
• @inertiajs/inertia-vue3 version: 0.2.3
• @inertiajs/inertia-react version: -
• @inertiajs/inertia-svelte version: -

Describe the problem:

Context:

The form is initialized like so:

data () {
    return {
        form: this.$inertia.form({
            '_method': 'PUT',
            name: '',
        }, {
            bag: 'updateDivisionForm'
        }),
    }
},

The problem:

Whenever I call this.form.clearErrors() the errors are not cleared and the console returns an error:

I have already ran yarn upgarde --latest.

Steps to reproduce:

1. Create the form using form: this.$inertia.form({...}) with errorbag (like in example above)
2. Submit the form using this.form.post()
3. (optional) Have the server return a validation error
4. Call this.form.clearErrors()

---

Did I miss something? I used these docs as guide

---

[timyourivh]

@claudiodekker Good observation!

The application I’m working on was originally a laravel jetstream project but we decided to replace jetstream with just inertia and vuetify. I did now know the jetstream package was overwriting the default inertia forms. I uninstalled the jetstream package (since this was still installed and enabled 🤦). And converted the forms as you suggested and that fixed my issue!

Hooray! Now I can use it! Thanks for the quick response!

[claudiodekker]

Hi @TimVanHerwijnen,

Are you sure you don’t have jetstream-js installed into your package.json & JS assets by any chance? This was something that was automatically being used in Laravel Jetstream 1.x, but was removed entirely in Laravel Jetstream 2.x in favor of the form helper that ships with Inertia out of the box nowadays.

Assuming this is the case, this perfectly explains why you’re seeing the error that you do: When Jetstream 1.x shipped and Inertia didn’t have a form helper of it’s own, jetstream-js “patched” a form method onto the $inertia object, and while this was great for Jetstream & Inertia users at the time, it now also causes the natively supported/documented Inertia form helper (the one you’re clearly trying to use) to be overwritten.

The reason for this question / assumption has to do with the way I’m seeing you define your form helper. The following two lines were only used with jetstream-js’s form helper, and don’t actually do anything with Inertia’s native form helper:

        form: this.$inertia.form({
            '_method': 'POST',
            name: '',
            selectedNumbers: [],
-        }, {
-            bag: 'createDivisionForm'
        }),

Anyway, removing this jetstream-js dependency and migrating to Inertia’s form helper shouldn’t be too difficult for any of the existing (jetstream) $inertia.form’s you might have, as the API’s are very similar.

Hope this helps! 👍