async atomWithDefault shows Typescript error

[PhilipGrefe]

I'm searching for the easiest setup of an atom to:

• load a default from the database and
• synchronously read/write afterwards.

The following code works, using atomWithDefault. However, typescript is complaining 🤷
The database is async.

const descriptionBaseAtom = atomWithDefault(async (get) => await db.query.someTable.findFirst({ columns: { description: true } }))

export const descriptionQueryAtom = atom(
  (get) => get(descriptionBaseAtom),
  (get, set, description: string) => {
    set(descriptionBaseAtom, description)
    // 👆 'description' shows 'Argument of type 'string' is not assignable to parameter of type 'unique symbol | SetStateAction<Promise<string | undefined>>.'
  },
)

Is there a way to use atomWithDefault properly typed?

---

fyi the solution from https://x.com/dai_shi/status/1714126922542964899 works (without atomWithDefault).
Posting it here for visibility:

const asyncAtom = atom(async (get) => await db.query.someTable.findFirst({ columns: { description: true } }))

const defaultAtom = atom<string | undefined>(undefined)
export const finalAtom = atom(
  (get) => get(defaultAtom) ?? get(asyncAtom),
  (get, set, description: string) => {
    set(defaultAtom, description)
  },
)

[dai-shi]

Check this out: https://tsplay.dev/WJk0gw

import { atom } from "jotai";
import { atomWithDefault } from "jotai/utils";

const descriptionBaseAtom = atomWithDefault<
  Promise<string | undefined> | string | undefined
>(async (get) => await Promise.resolve("foo" as string | undefined));

export const descriptionQueryAtom = atom(
  (get) => get(descriptionBaseAtom),
  (get, set, description: string) => {
    set(descriptionBaseAtom, description);
  },
);

[PhilipGrefe]

Wonderful - as always, much appreciated 🫶