Handling rerenders when overwriting state

const [state, setState] = createStore<{
  board: Array<Array<{ col: number; row: number; player: number } | null>>;
}>({
  board: [
    [{ row: 0, col: 0, player: 1 }, null, null, null, null, null],
    [null, null, null, null, null, null],
    [null, null, null, null, null, null],
    [null, null, null, null, null, null],
    [null, null, null, null, null, null],
    [null, null, null, null, null, null],
    [null, null, null, null, null, null],
  ],
});

const updateBoard = (col) => {
  setState((prev) => {
    const board = prev.board.map((column) => [...column]);
    const row = prev.board[col].indexOf(null);

    board[col][row] = {
      col,
      row,
      player: 1,
    };

    return {
      ...prev,
      board,
    };
  });
  };