AtomValue

import { AtomValue } from '@suspensive/jotai'
import { atom } from 'jotai'
 
const countAtom = atom(1)
 
const Example = () => (
  <AtomValue atom={countAtom}>{(count) => <>count: {count}</>}</AtomValue>
)

import { AtomValue } from '@suspensive/jotai'
import { Suspense } from '@suspensive/react'
import { atom } from 'jotai'
 
const countAtom = atom(1)
const asyncDoubleCountAtom = atom(async (get) => {
  await delay(2000)
  return get(countAtom) * 2
})
 
const Example = () => (
  <Suspense fallback={'pending...'}>
    <AtomValue atom={asyncDoubleCountAtom}>
      {(count) => <>count: {count}</>}
    </AtomValue>
  </Suspense>
)