pagehub | An online Markdown-powered notebook application

So first of all you must rename your custom hook to useLoadUserProfile as recommended in the React Documentation so that React would be able to automatically check for violations of rules of Hooks. The infinite loop is caused by the inclusion of the loading and error states in your dependency array. Whenever you make a call to 'setMyState' in this case setLoading or setError

1. React reruns your custom hook again and returns updated loading or error states
2. The useEffect hook is then run again and calls setLoading or setError which causes React to run your function again.... hence the infinite loop.

So to fix this you must remove the loading and error states from your dependency array. The Rule of thumb is:
if you specify the dependency array, all values from inside your component that are used by the effect must be there. Including props, state, functions — anything in your component. i.e never lie about your dependencies.

In your case your useEffect hook does not even depend on your loading or error states. So they shouldn't be in the dependency array in the first place!