React 古い値を参照してしまう

Question

現在、画面にカードをダブルクリックで生成しドラッグアンドドロップで移動、または数値を指定して位置を変えることができるwebアプリを作っています。
ドラッグアンドドロップを実現するために使用しているフレームワークは、interact.jsです。

主にx軸、ｙ軸の座標情報をカード自身（card.jsx）のstate（useState）、カードとみなしているdiv要素に紐づけてたuseRef、そしてreduxのstoreで管理しています。入力された座標をstoreに保存してそのstoreを参照してuseEffect内でstateの更新をしています。

ドラッグアンドドロップでの移動は何も問題無いのですが、数値を指定して、cardのstate、ref、storeを変更した際、変更後カードをドラッグアンドドロップで動かそうとするとと一番初めにカードを生成した座標に瞬間移動してしまいます。
store、state,refは変更した値に変更されていることを確認しています。

【質問】もしかすると、Reactのいずれかの状態管理には、変更しても前回の情報をどこかに保存していてよくない書き方をするとそれを参照してしまうといったことがあるのでしょうか。

Answer 1

useEffectなどの依存配列はきちんと書いていますでしょうか？

コールバックがクロージャとなるので、依存配列に変化する値の指定を忘れると、古い値を握ったままとなってしまうことがあります。