Using a `$signal` as a source for `createResource()` results in incorrect code

[Atulin]

let foo = $signal(true);

const [foos, { mutate }] = createResource(foo, fetchSomeData);

return <span onClick={() => foo = !foo}>{foos}</span>

Expected result:

const [foo, setFoo] = createSignal(true);

const [foos, { mutate }] = createResource(foo, fetchSomeData);

return <span onClick={() => foo = !foo}>{foos}</span>

Actual result:

const [foo, setFoo] = createSignal(true);

const [foos, { mutate }] = createResource(foo(), fetchSomeData);
//                                        ^^^^^

return <span onClick={() => foo = !foo}>{foos}</span>

In other words, createResource expects the signal getter as the first argument, not a result of that getter.

[lxsmnsyc]

This is expected and intentional, since any reads from foo signal is meant to be foo(). You might want to use () => foo