title: react + mobx example Attempted import error: 'useObservable' is not exported from 'mobx-react-lite'
body: <p>please suggest the solution. the error which is shown on browser is </p>
  
  <p>Failed to compile
  ./src/App.js
  Attempted import error: 'useObservable' is not exported from 'mobx-react-lite'.</p>
  
  <pre><code>import React from 'react';
  import './App.css';
  import {observer, useObservable} from 'mobx-react-lite';
  
  
  const App = observer(() =&gt; {
  
  const store = useObservable({
      count:1,
  addOne(){
    store.count++;
  },
  subOne(){
    store.count--;
  }
  })
  
  function addOneHandle(){
  store.addOne();
  }
  function subOneHandle(){
  store.subOne();
  }
  
  return (
   &lt;div className="App"&gt;
    &lt;header className="App-header"&gt;
     &lt;h1&gt;Count: {store.count}&lt;/h1&gt;
     &lt;button onClick={addOneHandle}&gt;Add 1&lt;/button&gt;
     &lt;button onClick={subOneHandle}&gt;Sub 1&lt;/button&gt;
    &lt;/header&gt;
  &lt;/div&gt;
   );
   })
  
   export default App;
  </code></pre>