Fix the ref never attached — find the bug

function App() {
  const inputRef = React.useRef(null)
  const [msg, setMsg] = React.useState("")
  return (
    <div>
      <input defaultValue="Ada" />
      <p id="value">{msg}</p>
      <button id="read" onClick={() => setMsg(inputRef.current ? inputRef.current.value : "no ref")}>read</button>
    </div>
  )
}
const root = ReactDOM.createRoot(document.getElementById("root"))
root.render(<App />)