Use atom within hooks

[anthony-bernardo]

How to get value of an atom outside react, but in a hook ?

When I try to update an atom in a hook, and the retrieve the update atom, I'm not getting the updated atom

const ui = useAtomValue(UIList)

[dai-shi]

Do you mean you want to get an updated atom value in a callback?

[anthony-bernardo]

Sorry @dai-shi , I'm in a react context. It's a sort of hooks yes. It drive me crazy, I cannot retrieve the value in the hook, I have to done this to make this working :

export const useDisplayFinalQte = () => {
    const setUI = useSetAtom(UIList)

    const execute = () => {
        const unsub = jotaiStore.sub(UIList, () => {
            unsub()
           
            // ...rest of the code
        })
    }

    return {
        execute,
    }

export const OnAfterLoad = () => {
    const displayFinalQte = useDisplayFinalQte()

    useEffect(() => {
        displayFinalQte.execute()
    }, [])

    return null
}

export const SalesDetailPage = () => {
    return (
        <Provider store={jotaiStore}>
            <Page />
        </Provider>
    )
}

[dai-shi]

I cannot retrieve the value in the hook,

Which hook is it?

A full minimal reproduction with https://stackblitz.com would be helpful.

[anthony-bernardo]

I will make a reproduction soon

And it's a custom hook

https://react.dev/learn/reusing-logic-with-custom-hooks