binding_property_non_reactive in nested component
bug
- [x] Before posting an issue, read the [FAQ](https://superforms.rocks/faq) and search the previous issues.
**Description**
I have nested form data that does not seem to be reactive, Svelte throws binding_property_non_reactive and manipulating the data from a nested component does not work.
Form data:
```
name: "foo",
modules: [
{
id: "...",
selectedVersion: ""
},
{ ... }
]
```
+page.svelte:
```svelte
{#each $form.modules as _, i}
<Module bind:module={$form.modules[i]} />
{/each}
```
Module.svelte:
```svelte
<Select bind:value={module.selectedVersion} options={versionOptions}>
...
</Select>
```
This does not work. It does work if I use {$form.modules[i].selectedVersion} directly, without the nested component. Also, when I change the name field (which is just an input field), the modified selectedVersion *does* get updated in the form data (I check this using SuperDebug).
Is there a way to do this properly? Or do I need to take different approach here?
Thanks for an amazing library!
0 条评论