react + mobx示例，尝试导入错误：'useObservable'未从'mobx-react-lite'导出]]

Question

请提出解决方案。浏览器上显示的错误是

无法编译./src/App.js尝试导入错误：未从'mobx-react-lite'导出'useObservable'。

import React from 'react';
import './App.css';
import {observer, useObservable} from 'mobx-react-lite';


const App = observer(() => {

const store = useObservable({
    count:1,
addOne(){
  store.count++;
},
subOne(){
  store.count--;
}
})

function addOneHandle(){
store.addOne();
}
function subOneHandle(){
store.subOne();
}

return (
 <div className="App">
  <header className="App-header">
   <h1>Count: {store.count}</h1>
   <button onClick={addOneHandle}>Add 1</button>
   <button onClick={subOneHandle}>Sub 1</button>
  </header>
</div>
 );
 })

 export default App;

请提出解决方案。浏览器上显示的错误无法编译./src/App.js尝试导入错误：'useObservable'未从'mobx-react-lite'导出。从'...

Answer 1

是useObserver不是useObservable