title: React: Fire a function when the element is blurred
body: <p>I'm trying to fire a function when an element has loses focus, but it appears the blur event is not being recognized in my React app.  I'm unclear on what I'm missing.  The following snippet is just above the return method within my component.</p>
  <p>My div carries the ref {infoWindow}.  At the moment, the console.log is not outputting anything when I click inside the div window and then out.</p>
  <pre><code>const infoWindow = useRef&lt;HTMLDivElement&gt;(null);
  if (infoWindow.current) {
    infoWindow.current.addEventListener('blur', (event) =&gt; {
      console.log(`We've been blurred`);
    });
  }
  </code></pre>