NextJS React，UseState中的嵌套数组在javascript内部更新时未呈现

const [nestedArray, setNestedArray] = useState([[1, 2], [3, 4]]);

const updateNestedArray = (index, subIndex, value) => {
  setNestedArray(prevArray => {
    const newArray = [...prevArray];
    newArray[index][subIndex] = value;
    return newArray;
  });
};

const [nestedArray, setNestedArray] = useState([[1, 2], [3, 4]]);

const updateNestedArray = (index, subIndex, value) => {
  setNestedArray(prevArray => 
    prevArray.map((subArray, i) => 
      i === index ? [...subArray.slice(0, subIndex), value, ...subArray.slice(subIndex + 1)] : subArray
    )
  );
};

import React, { useState } from 'react';

const NestedArrayExample = () => {
  const [nestedArray, setNestedArray] = useState([[1, 2], [3, 4]]);

  const updateNestedArray = (index, subIndex, value) => {
    setNestedArray(prevArray => {
      const newArray = [...prevArray];
      newArray[index][subIndex] = value;
      return newArray;
    });
  };

  return (
    <div>
      {nestedArray.map((subArray, index) => (
        <div key={index}>
          {subArray.map((item, subIndex) => (
            <span key={subIndex}>{item} </span>
          ))}
        </div>
      ))}
      <button onClick={() => updateNestedArray(0, 0, 99)}>Update [0][0] to 99</button>
    </div>
  );
};

export default NestedArrayExample;