Choosing Between useState And A Local Variable

Store the name in useState because all user input belongs in React state

Store the name in useRef because prompts are asynchronous

Use a regular local variable inside the click handler because the value is only needed during that event

Store the name in a module-level variable so it survives re-renders