Failure during testing with vitest + @testing-library/...

[thebjorn]

This is my first attempt at integrating BitsUI into our app, so I'm assuming this is a configuration issue - but I don't know enough yet to know where to start looking...

I've implemented a custom component that wraps DropdownMenu and used it in our ThemeSwitcher component. It works really well (and immediately solved both a positioning issue and an aria bug we had).

When running our tests, however, I'm getting a message about $bindable() in the accordion.svelte file... (I do have a bindable in ThemeSwitcher, but not in the code that wraps BitsUI, and I'm not using accordion.)

Here are the relevant lines from our package.json

        "@testing-library/jest-dom": "^6.6.3",
        "@testing-library/svelte": "^5.2.7",
        "@testing-library/user-event": "^14.6.1",
        "@types/eslint": "^9.6.1",
        "@vitest/coverage-v8": "^3.0.8",
        "bits-ui": "^1.3.12",
        "vite": "^6.2.2",
        "vitest": "^3.0.8"

...and the error message:

grogui:test:  ❯ src/lib/components/theme/ThemeSwitcher.svelte.test.ts (0 test)
grogui:test:
grogui:test: ⎯⎯⎯⎯⎯⎯ Failed Suites 1 ⎯⎯⎯⎯⎯⎯⎯
grogui:test:
grogui:test:  FAIL  src/lib/components/theme/ThemeSwitcher.svelte.test.ts [ src/lib/components/theme/ThemeSwitcher.svelte.test.ts ]
grogui:test: CompileError: E:/tilly/node_modules/.pnpm/bits-ui@1.3.12_svelte@5.23.0/node_modules/bits-ui/dist/bits/accordion/components/accordion.svelte:16:70 `$bindable()` can only be used inside a `$props()` declaration
grogui:test: https://svelte.dev/e/bindable_invalid_location
grogui:test:  14 |  import { useId } from "../../../internal/use-id.js";
grogui:test:  15 |  import { noop } from "../../../internal/noop.js";
grogui:test:
grogui:test:  16 |  let _a = $props(), { disabled = false, children, child, type, value = $bindable(), ref = $bindable(null), id = useId(), onValueChange = noop, loop = true, orientation = "vertical" } = _a, restProps = __rest(_a, ["disabled", "children", "child", "type", "value", "ref", "id", "onValueChange", "loop", "orientation"]);
grogui:test:                                                                                         ^
grogui:test:  17 |  value === undefined && (value = type === "single" ? "" : []);
grogui:test:  18 |  const rootState = useAccordionRoot({

Any help/pointers would be greatly appreciated.

(I can create a sample repo if needed, but I'm hoping someone more knowledgeable has seen this before ;-) )