test.ts

const TestApp = () => {
  console.log("render TestApp");
  return (
    <div>
      <Comp1 />
      <Comp2 />
    </div>
  );
};
const Comp1 = () => {
  const [x] = useGlobal("x");
  console.log("render Comp1");
  return <span>{x}</span>;
};
const Comp2 = () => {
  const onClick = () => {
    console.log("onClick");
    // setGlobal({ y: "hello" });
    setGlobal((g) =>
      produce(g, (g_) => {
        g_.y = "hello";
      })
    );
  };
  return <button onClick={onClick}>update y</button>;
};

clicking the button updates global.y, but Comp1 re-renders