如何更新嵌套的useState？

const [state, setState] = useState({
  count: 0,
  nestedState: {
    value: 0
  }
});

const { nestedState, setNestedState } = state;

setNestedState(prevState => ({
  ...prevState,
  value: prevState.value + 1
}));

import React, { useState } from 'react';

const App = () => {
  const [state, setState] = useState({
    count: 0,
    nestedState: {
      value: 0
    }
  });

  const { nestedState, setNestedState } = state;

  const incrementNestedValue = () => {
    setNestedState(prevState => ({
      ...prevState,
      value: prevState.value + 1
    }));
  };

  return (
    <div>
      <p>Count: {state.count}</p>
      <p>Nested Value: {nestedState.value}</p>
      <button onClick={() => setState(prevState => ({ ...prevState, count: prevState.count + 1 }))}>
        Increment Count
      </button>
      <button onClick={incrementNestedValue}>
        Increment Nested Value
      </button>
    </div>
  );
};

export default App;