view-with-store.jsx

import React, { useEffect } from 'react';
import { inject, observer } from 'mobx-react';

const View = (observer(({ Store }) => {
  useEffect(() => {
    console.log('view mounted');
  }, []);

  return (
    <div>
      { Store.name }
      <h1>Sarki sozu:</h1>
    </div>
  );
}));

export default inject((stores) => ({
  Store: stores.Store,
}))(View);