MobX + React Hooks

SomeComponent.tsx

const SomeComponent = inject("someStore")((props: SomeComponentProps) => {
  // use hooks in here
  const { someStore } = props;
  const ref = useRef(null);
  useEffect(() => {
    someStore!.setRef(ref.current);
  }, []);

  return (
    <Observer>
      {() => {
        // use mobx store in here
        const { someObservable, someComputed } = someStore!;

        return (
          <div>
            {someObservable}
            {someComputed}
          </div>
        );
      }}
    </Observer>
  );
});