<pre><code>undefined 
"1"


</code></pre>
<p>//undefined - because on initial render ref is //set to null and <code>null?.textContent</code> evaluates //to undefined</p>
<p>//"1" because during initial render current of //ref is set to the first div with textContent
//value 1, this value is preserved/cached //when
//useEffect/setState triggers a re-render</p>

This is my accepted solution with explanation

What does the code snippet to the right output by console.log?…