Create a useMousePosition Hook with useEffect and useState in React

Hooks added a lot of functionality to stateless components. Not only did they add functionality but reusability and sharing of logic across your app. You can combine many of the hooks to leverage each other to build out this reusable logic. We'll create a separate file called useMousePosition and import a function that we'll export later.