S
SolidJS•2mo ago
gsoutz

How to force refetch on createResource trigger with same fetcher id

createResource(() => props.id, fetch_calculation) when props.id triggers twice with the same value like 'abc' and 'abc', createResource doesn't refetch. I want it to refetch to get a fresh clone of the fetch_calculation result. A workaround would be to add a random value at the end of the id everytime and skip it in the calculations.
7 Replies
zulu
zulu•2mo ago
you can use equals:false on the signal you are passing to the props
gsoutz
gsoutzOP•2mo ago
no that doesn't work, even though signal triggers, which I can test by logging in createEffect, the resource doesn't refetch. I ended up wrapping the id in an array which will be referentially different on each trigger, and test the inside of the array on calculations. which will also allow refetch on undefined for the id value. which is the correct behaviour for createResource.
zulu
zulu•2mo ago
doesn't the createResource give you a refetch method? use that effect to run it
gsoutz
gsoutzOP•5w ago
why would I add extra code when createResource should work as expected
zulu
zulu•5w ago
I think the createResource works as the creators of it expected it to work. if you think that it might be a bug, or that it should work more like you expect it to work you can open bug report on github. I also assumed that the {equals:false} should have worked so perhaps there is a bug or a design choice who knows.
peerreynders
peerreynders•5w ago
should work as expected
Our expectations often mislead us. Do you find it inconvenient right now that it works the way it does? Sure. The moment you reach for equals: false you should always ask yourself whether you are dealing with events rather than state. Signals are about reactive state, not events. Implementation-wise the source signal is wrapped inside a memo which defeats the equals: false workaround. When you update state with an identical value state does not change. So source - for state based interaction refetch - for event based interaction https://playground.solidjs.com/anonymous/ebf32cf7-7b2e-48e1-b3c8-d616fe5dad86
Solid Playground
Quickly discover what the solid compiler will generate from your JSX template
GitHub
solid/packages/solid/src/reactive/signal.ts at 41fa6c14b4bf71eed593...
A declarative, efficient, and flexible JavaScript library for building user interfaces. - solidjs/solid
gsoutz
gsoutzOP•5w ago
This works exactly how I want it to work like: 
    const one_particular_due = createMemo(() => one_selected_due() ?? one_random_due())

    const [play_replay] = createResource(() => [one_particular_due()?.node.tree_id],
        ([u_id]) => u_id ? db.play_replay_by_steps_tree_id(u_id) : undefined)
    const one_particular_due = createMemo(() => one_selected_due() ?? one_random_due())

    const [play_replay] = createResource(() => [one_particular_due()?.node.tree_id],
        ([u_id]) => u_id ? db.play_replay_by_steps_tree_id(u_id) : undefined)

Did you find this page helpful?