Editable Text Component with click-outside-to-close feature using React Hooks

Every once in awhile, this was a very common thing for UIs containing quick edits by clicking on text, edit it and then click outside to save the text. I've been tasked to add this feature and I decided to make it a functional component so that I could use it on other parts of my project as well.