can't update `atomWithDafault` by `set(RESET)`

some useage:

const someAtom = atomWithDafault(async (get) => return fetch('some things'));
// ...
const updateSomeThing useUpdateAtom(someAtom);
const handleUpdate = useCallback(() => {updateSomeThing(RESET)}, [updateSomeThing]);

It’s nothing happend, the async (get) => return fetch('some things') not be invoke, What’s more,

[SquirrelJimmy]

I would rather recommend to focus on imperative pattern if possible.

The flip side is to focus on declarative pattern.

It’s a bit tricky but you might like it.

const retryAtom = atom(1)
const someBaseAtom = atom(async (get) => {
  get(retryAtom)
  const params = get(someParamsAtom);
  return fetch('some things', params)
})

  // in component
  const retry = useUpdateAtom(retryAtom)
  const handleUpdate = useCallback(() => retry((c) => c + 1), [retry])

I have did this by anothore atom, like :

export function atomWithRefetch<Value>(getDefault: Read<Value>) {
  const overwrittenAtom = atom<Value | null>(null);
  const anAtom: WritableAtom<Value, undefined> = atom(
    (get) => {
      const overwritten = get(overwrittenAtom);
      if (overwritten !== null) {
        return overwritten;
      }
      return getDefault(get);
    },
    (get, set) => {
      const res = getDefault(get);
      if (res instanceof Promise) {
        res.then((v) => {
          set(overwrittenAtom, v);
        });
      } else {
        set(overwrittenAtom, res);
      }
    }
  );
  return anAtom;
}

Thank you, man! atomWithDefault is confusing me.

[dai-shi]

I would rather recommend to focus on imperative pattern if possible.

The flip side is to focus on declarative pattern.

It’s a bit tricky but you might like it.

const retryAtom = atom(1)
const someBaseAtom = atom(async (get) => {
  get(retryAtom)
  const params = get(someParamsAtom);
  return fetch('some things', params)
})

  // in component
  const retry = useUpdateAtom(retryAtom)
  const handleUpdate = useCallback(() => retry((c) => c + 1), [retry])