Fix the derived value stored in state — find the bug

function App() {
  const [count, setCount] = React.useState(3)
  const [doubled] = React.useState(6)
  return (
    <div>
      <p id="double">{doubled}</p>
      <button id="inc" onClick={() => setCount(count + 1)}>add</button>
    </div>
  )
}
const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(<App />)