Ability to disable/enable query in `useAtom...` hooks

[kedom1337]

I have two queries from AtomHttpApi the second one depending on the result of the first one. In TanStack query we have the ability to declaratively enable/disable a query by simply passing a boolean { enabled: firstQueryResult } to the options of the hook making sure that the second one only fires when the result of the first one is truthy. It would be nice for useAtom... hooks to support the same thing.

Link to the TanStack query docs for this pattern

[adamalfredsson]

I'm also curious about how to "chain" atoms:

const currentThreadIdAtom = Atom.kvs({
  runtime: Atom.runtime(BrowserKeyValueStore.layerLocalStorage),
  key: "thread_local_storage_key",
  schema: Schema.NullOr(Schema.String),
  defaultValue: () => null,
});


function Page() {
  const threadId = useAtomValue(currentThreadIdAtom);
  const thread = useAtomValue(RpcClient.query("ThreadGet", { id: threadId! }));
  // ...
}

EDIT:

Ah, found a solution:

const THREAD_ID_KEY = "thread_id";

export const currentThreadIdAtom = Atom.kvs({
  runtime: Atom.runtime(BrowserKeyValueStore.layerLocalStorage),
  key: THREAD_ID_KEY,
  schema: Schema.NullOr(ThreadId),
  defaultValue: () => null,
});

export const threadAtom = RpcClient.runtime.atom((get) =>
  Effect.gen(function* () {
    const client = yield* RpcClient;
    const threadId = get.get(currentThreadIdAtom);
    if (!threadId) {
      return null;
    }
    return yield* client("ThreadGet", { id: threadId });
  })
);

[skoshx]

You can also do yield* get.some(yourAtom);

code after this line runs only when yourAtom has a value of Option.some<ThreadId>. It's a really neat API.