Open
Description
Describe the bug
I have a writable store in runes mode and want to bind to a nested property from another component. However what happens is that I get a binding_property_non_reactive
warning and the value doesn't change even though it's $bindable.
How can I fix or workaround that problem?
<script>
import Component from "./Component.svelte";
import { writable } from "svelte/store";
let form = writable({ priceRules: [{ posCheckboxes: { all: false } }] });
</script>
<Component bind:posCheckboxes={$form.priceRules[0].posCheckboxes} />
Reproduction
https://svelte.dev/playground/b9e6d012d1c6463faf02e1ec7726117c?version=5.34.6
Logs
[svelte] binding_property_non_reactive
`bind:checked={posCheckboxes.all}` (Component.svelte:6:23) is binding to a non-reactive property
https://svelte.dev/e/binding_property_non_reactive
System Info
System:
OS: Linux 6.11 Ubuntu 24.04.2 LTS 24.04.2 LTS (Noble Numbat)
CPU: (16) x64 12th Gen Intel(R) Core(TM) i5-12500H
Memory: 16.42 GB / 31.02 GB
Container: Yes
Shell: 5.9 - /usr/bin/zsh
Binaries:
Node: 22.11.0 - /run/user/1000/fnm_multishells/4071_1750663754110/bin/node
npm: 10.9.0 - /run/user/1000/fnm_multishells/4071_1750663754110/bin/npm
pnpm: 9.12.3 - /run/user/1000/fnm_multishells/4071_1750663754110/bin/pnpm
Browsers:
Brave Browser: 137.1.79.126
Chrome: 133.0.6943.126
Chromium: 137.0.7151.103
Severity
blocking an upgrade
Metadata
Metadata
Assignees
Labels
No labels