Fix the box that never renders — find the bug

function App() {
  const shown = true
  const hidden = false
  return (
    <div>
      <p id="value">box shown</p>
      {hidden && <div className="box">box</div>}
    </div>
  )
}
const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(<App />)