title: Usage of mobx in custom react hooks
body: <p>We're using custom hooks in our app to invoke automatic analytics/general hooks which using
  <code>const user = useObserver(() =&gt; userStore.user);</code> to dispatch analytics (lifecycles of components/general usages)</p>
  <p>But I have seen that useObserver hook of mobx is deprecated:<a href="https://i.stack.imgur.com/34hAC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/34hAC.png" alt="enter image description here" /></a></p>
  <p>Couldn't find any pattern for mobx usage with custom hooks (hooks can't use observer),
  it seems like the proper way is to pass the state through a component <code>useCustomHook(user);</code> which is not clean if we need to do it all over our components in the app.</p>
  <p>Wonder what is the right pattern to do so with usage of mobx state in custom hooks.</p>
  <p>Thank you.</p>