JavaScriptの参照と浅いコピー

destructive-assignment.js

const stateA = { foo: "bar" };
const stateB = stateA;
stateB["hoge"] = "huga"; // stateAに対する破壊的変更
console.log("stateA: ", stateA); // stateAが更新されている

// コピーしたいならこうする
const correctStateA = { foo: "bar" };
const correctStateB = { ...correctStateA }; // 浅いコピー
correctStateB["hoge"] = "huga"; // correctStateAには影響が出ない
console.log("correctStateA: ", correctStateA);