Updating an atom outside of useAtom hook

I believe the answer is probably going to be similar to #454, but worth checking 😃

I am trying to update an atom outside of a component. For instance that can be in a handleClick function that is outside of a component to be reused between multiple components.

const handleClick = () => {
  setAtom(myAtom, 'value') // <-- I want to do something like that
}

const ButtonA = () => <button onClick={handleClick} />

const ButtonB = () => <button onClick={handleClick} />

Is there any way to do this? If not, could this become possible in the future, or is there any workaround? Thank you.

As a side note, it is not possible in Recoil either.

[verekia]

Good point, thank you for the explanation. My codebase is not at a point where I can easily go back to test the issue in Jotai. I’ve switched to Zustand with no commit in between. We can close the issue, thank you very much for the quick answers 😃

[dai-shi]

A workaround would be to use module state. We have two-way bindings. And, we have three options: jotai/valtio, jotai/zustand, and jotai/redux. (Hoping this comment doesn’t confuse you.)

But, for your use case described in the first comment, it’s not recommended.