[Beta] Suggest/referencing values with refs

beta/src/content/learn/referencing-values-with-refs.md

@@ -616,19 +616,17 @@ export default function Chat() {
 
 <Solution>
 
-State works [like a snapshot](/learn/state-as-a-snapshot), so you can't read the latest state from an asynchronous operation like a timeout. However, you can keep the latest input text in a ref. A ref is mutable, so you can read the `current` property at any time. Since the current text is also used for rendering, in this example, you will need *both* a state variable (for rendering), *and* a ref (to read it in the timeout). You will need to update the current ref value manually.
+State works [like a snapshot](/learn/state-as-a-snapshot), so you can't read the latest state from an asynchronous operation like a timeout. However, you can keep the latest input text in a ref. A ref is mutable, so you can read the `current` property at any time.
 
 <Sandpack>
 
 ```js
-import { useState, useRef } from 'react';
+import { useRef } from 'react';
 
 export default function Chat() {
-  const [text, setText] = useState('');
-  const textRef = useRef(text);
+  const textRef = useRef('');
 
   function handleChange(e) {
-    setText(e.target.value);
     textRef.current = e.target.value;
   }
 
@@ -641,7 +639,7 @@ export default function Chat() {
   return (
     <>
       <input
-        value={text}
+        defaultValue={textRef.current}
         onChange={handleChange}
       />
       <button