MultiSelect JS Errors

[df999]

I'm trying to basic MultiSelect Example:

protected function getFormSchema(): array
    {
        return [
            Forms\Components\MultiSelect::make('title')
                                   ->options([
                                       'draft'     => 'Draft',
                                       'review'    => 'In review',
                                       'published' => 'Published',
                                   ]),
        ];
    }

But when I load the page, I get this in the Chrome DevTools console:

module.esm.js?027e:1652 Alpine Expression Error: Cannot read properties of undefined (reading 'after')

Expression: "state"

 <template class=​"inline" x-for=​"option in state" x-bind:key=​"option">​…​</template>​
handleError @ module.esm.js?027e:1652
tryCatch @ module.esm.js?027e:1647
loop @ module.esm.js?027e:3184
eval @ module.esm.js?027e:3174
reactiveEffect @ module.esm.js?027e:484
effect3 @ module.esm.js?027e:459
effect @ module.esm.js?027e:1299
wrappedEffect @ module.esm.js?027e:1315
eval @ module.esm.js?027e:3174
flushHandlers @ module.esm.js?027e:1775
stopDeferring @ module.esm.js?027e:1780
deferHandlingDirectives @ module.esm.js?027e:1783
initTree @ module.esm.js?027e:1981
eval @ module.esm.js?027e:1941
start @ module.esm.js?027e:1940
eval @ app.js?ced6:20
./resources/js/app.js @ app.js?id=cc45b6db412163432ca9:1007
__webpack_require__ @ app.js?id=cc45b6db412163432ca9:2874
(anonymous) @ app.js?id=cc45b6db412163432ca9:3044
__webpack_require__.O @ app.js?id=cc45b6db412163432ca9:2916
(anonymous) @ app.js?id=cc45b6db412163432ca9:3046
(anonymous) @ app.js?id=cc45b6db412163432ca9:3048
module.esm.js?027e:3247 Uncaught TypeError: Cannot read properties of undefined (reading 'after')
    at eval (module.esm.js?027e:3247:1)
    at mutateDom (module.esm.js?027e:1396:1)
    at eval (module.esm.js?027e:3246:1)
    at runIfTypeOfFunction (module.esm.js?027e:1739:1)
    at eval (module.esm.js?027e:1720:1)
    at tryCatch (module.esm.js?027e:1645:1)
    at loop (module.esm.js?027e:3184:1)
    at eval (module.esm.js?027e:3174:1)
    at reactiveEffect (module.esm.js?027e:484:1)
    at Object.effect3 [as effect] (module.esm.js?027e:459:1)

Any ideas where I should check? I thought I followed the install directions well with composer require filament/forms:^2.0

Thanks

[danharrin]

Make sure that you call $this->form->fill() in mount(), as documented.

[df999]

Ahhh, thanks!
I had an empty string, but I had to change it to an empty array.
It makes sense, but too bad the error wasn't more intuitive somehow.

Thanks again