get loadable atom initial data without fetch

const fetchList = (): Promise<typeof LIST> =>
  new Promise((resolve) => {
    setTimeout(() => resolve(LIST), 100);
  });
const fetchItem = (id: string) =>
  new Promise((resolve) => {
    setTimeout(() => resolve(LIST.find((item) => item.id === id)), 100);
  });

const listAtom = atom({
  key: "listAtom",
  default: selector({
    key: 'listAtom/Default',
    get: async () => {
      console.log('executed!');
      return await fetchList()
    }
  })
});
const itemAtom = atomFamily({
  key: "itemAtom",
  default: selectorFamily({
    key: "listAtom/Default",
    get: (id: string) => async ({ get }) => {
      const list = get(listAtom) || [];
      if ("find" in list) {
        const item = (list as any[]).find((d) => d.id === id);
        if (item) {
          return item;
        }
      }
      return await fetchItem(id);
    }
  })
});

const Test = () => {
  const data = useRecoilValueLoadable(itemAtom("1"));

  return <>{data.state}</>;
};

then, executed! is logged

can i get listAtom’s value or null without async call??

[drarmstr]

no! i want no call async function! just get value if selector has. but noWait call async function.

For that, you could set the default value of listAtom to null, then explicitly make your async call when you actually want to and then set the value of listAtom to the results when available.

[BenjaBobs]

You can use noWait to get a loadable instead of waiting for a value: https://recoiljs.org/docs/api-reference/utils/noWait