お久しぶりです。
最近reactを学習しているため、詰まった部分を備忘録として残していきます。

たとえば、positionというオブジェクトにx, y, z, wのプロパティがある場合、yだけを変更したいときの書き方は次の通り:

setPosition({ ...position, y: 100 });

...position：現在のpositionの全てのプロパティをコピーして伸展。
例: { x: 0, y: 50, z: 100, w: 200 }
y: 100： yの値を100に上書き。その他のプロパティは保存される。

結果:

{ x: 0, y: 100, z: 100, w: 200 }

同じプロパティは、書き方順に上書きされる。

たとえば:

{ ...position, x: 100 } // xが100に変更
{ x: 100, ...position } // xが元のpositionの値に戻る

独立した変数として管理する方法:

const [x, setX] = useState(0);
const [y, setY] = useState(0);
setY(100); // yのみ変更