From dd819b15860f1e1b245c87fc16f87a0a4f6762cc Mon Sep 17 00:00:00 2001
From: Rusic <rusic@fastmail.com>
Date: Tue, 21 Jul 2026 11:23:22 +0200
Subject: [PATCH] docs: add example for using refs to access DOM values
 directly in referencing-values-with-refs.md

---
 .../learn/referencing-values-with-refs.md     | 33 +++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/src/content/learn/referencing-values-with-refs.md b/src/content/learn/referencing-values-with-refs.md
index 657d3ddcb00..e0cda57a58d 100644
--- a/src/content/learn/referencing-values-with-refs.md
+++ b/src/content/learn/referencing-values-with-refs.md
@@ -655,6 +655,39 @@ export default function Chat() {
 
 </Sandpack>
 
+If you don't need the input to be controlled (e.g., no live validation or display elsewhere), you can skip state entirely and read the DOM value directly via a ref.
+
+<Sandpack>
+
+```js
+import { useRef } from 'react';
+
+export default function Chat() {
+  const inputRef = useRef(null);
+
+  function handleSend() {
+    setTimeout(() => {
+      alert('Sending: ' + inputRef.current.value);
+    }, 3000);
+  }
+
+  return (
+    <>
+      <input
+        ref={inputRef}
+      />
+      <button
+        onClick={handleSend}>
+        Send
+      </button>
+    </>
+  );
+}
+```
+
+</Sandpack>
+
+
 </Solution>
 
 </Challenges>