How to close the modal when clicking past?

Question

React

https://codepen.io/loozmax/pen/ExVRaew?editors=0110

It is necessary that when you click past the form, it closes. How to implement this?

Answer 1

put div position:fixed under the modal to full screen (at the same time you can set a translucent color for it), catch a click on this div and then remove the modal

Answer 2

You can catch clicks on the parent element and check the target property