Why does using setState trigger multiple store.subscribe calls?

[xmsz-stu]

https://codesandbox.io/p/devbox/magical-frost-5k75kl

import { useForm } from "@tanstack/react-form";
import * as React from "react";
import { createRoot } from "react-dom/client";

export default function App() {
  const form = useForm();
  const [logs, setLogs] = React.useState([]);
  const a = form.useField({ name: "a" });
  React.useEffect(() => {
    return form.store.subscribe(() => {
      setLogs((prev) => [...prev, "变化了"]);
    });
  }, [form.store]);

  return (
    <div>
      <pre>{logs.join("\n")}</pre>
      <button
        onClick={() => {
          form.setFieldValue("a", +new Date());
        }}
      >
        Trigger once
      </button>
      <button
        onClick={() => {
          a.setValue(+new Date());
        }}
      >
        Trigger many times
      </button>
    </div>
  );
}

const rootElement = document.getElementById("root")!;

createRoot(rootElement).render(
  <React.StrictMode>
    <App />
  </React.StrictMode>
);

use setState trigger many times

use setFieldValue only once