Mobx and memo

[untlsn]

Mobx only works when using the observator without memo.

// Work but deprecated
const Button = () => useObserver(() => {
    const count = useLocalObservable(() => ({
      value: 0,
    }))

    return (
      <button onClick={action(() => {
        count.value++;
      })}>{count.value}</button>
    )
  }
)

// Dont work
const Button = React.memo(() => useObserver(() => {
    const count = useLocalObservable(() => ({
      value: 0,
    }))

    return (
      <button onClick={action(() => {
        count.value++;
      })}>{count.value}</button>
    )
  }
))

const Button = observer(() => {
    const count = useLocalObservable(() => ({
      value: 0,
    }))

    return (
      <button onClick={action(() => {
        count.value++;
      })}>{count.value}</button>
    )
  }
)

Additionally, it gets an unusual output

(props) => { return component(Object.values(props)); }

[iChenLei]

Maybe this repository is for you https://github.com/mobxjs/mobx