123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
---title: useAtomCallback---
Ref: https://github.com/pmndrs/jotai/issues/60
## Usage
```tsuseAtomCallback(  callback: (get: Getter, set: Setter, arg: Arg) => Result): (arg: Arg) => Promise<Result>```
This hook allows to interact with atoms imperatively.It takes a callback function that works like atom write function,and returns a function that returns a promise.
The callback to pass in the hook must be stable (should be wrapped with useCallback).
## Examples
```jsximport { useEffect, useState, useCallback } from 'react'import { Provider, atom, useAtom } from 'jotai'import { useAtomCallback } from 'jotai/utils'
const countAtom = atom(0)
const Counter = () => {  const [count, setCount] = useAtom(countAtom)  return (    <>      {count} <button onClick={() => setCount((c) => c + 1)}>+1</button>    </>  )}
const Monitor = () => {  const [count, setCount] = useState(0)  const readCount = useAtomCallback(    useCallback((get) => {      const currCount = get(countAtom)      setCount(currCount)      return currCount    }, [])  )  useEffect(() => {    const timer = setInterval(async () => {      console.log(await readCount())    }, 1000)    return () => {      clearInterval(timer)    }  }, [readCount])  return <div>current count: {count}</div>}```
## Codesandbox
<CodeSandbox id="6ur43" />