useRef vs. useState - When to Use Each?

Whenever we use useState we are telling React that this data is special to us. Please, remember it between renders so I may use it. In our code above, we want to remember the isModalOpen data.