Hi. I have a state that is an array, let's call it questions, that gets updated by UI components on the client. I want to call a server function every time questions changes, but I only want to call the server function for the values of questions that have changed since the last re-render. I've tried storing the previous value of questions in another state and comparing that against the new value, but it doesn't seem to be accurately reflecting the previous value of questions before it was changed.

My code:

  const [questions, changeQuestion] =
    useState(data);
  const [lastQuestion, changeLastQuestion] = useState(data)
  useEffect(() => {
    async function updateDb() {
      questions.forEach(async (q, i) => {
        if (JSON.stringify(q) !== JSON.stringify(lastPq[i])) {
          await updateData(q); // server function
          changeLastQuestion([...pastQuestions]) // "last questions updated"
        }
      });
    }
    updateDb();
  }, [questions]);