[Feature]: @suspensive/jotai

[manudeli]

Package Scope

etc

Description

@suspensive/jotai

AS-IS

const ComponentUsingAsyncAtoms = () => {
  const [num] = useAtom(asyncAtom)
  // here `num` is always `number` even though asyncAtom returns a Promise
}
const App = () => {
  return (
    <Suspense fallback={/* What to show while suspended */}>
      <ComponentUsingAsyncAtoms />
    </Suspense>
  )
}

Possible Solution

TO-BE

https://jotai.org/docs/guides/async

const App = () => {
  return (
    <Suspense fallback={/* What to show while suspended */}>
      <Atom {...asyncAtom}>
        {([num]) => <>...</>}
      </Atom>
    </Suspense>
  )
}

https://jotai.org/docs/extensions/query

const App = () => {
  return (
    <Suspense fallback={/* What to show while suspended */}>
      <Atom {...atomWithQuery}>
        {(query) => <>...</>}
      </Atom>
    </Suspense>
  )
}

etc.

No response