Skip to content

binding_property_non_reactive warning for svelte store #16215

Open
@macmillen

Description

@macmillen

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

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions