React Hook: Detect Click outside of Component

A tutorial about how to detect a click outside of a React component by creating a custom React hook for it. For example, you may want such custom React Hook for various components like a dialog or dropdown, because they should close when a user clicks outside of them. Much of what you will learn here goes back to the concept of event bubbling and capturing in JavaScript.