一个关于 MobX 的疑问，为什么没有触发重新渲染？

在学习和使用 MobX 的时候遇到了一点问题：函数组件中可以正常触发组件重渲染，但是在相同行为的类组件中无法触发重渲染。 请问大神们这是为何？

依赖版本：

mobx: 6.2.0

mobx-react: 7.1.0

react: 16.8.6

react-dom: 16.8.6

可复现的代码：

import React from "react"
import ReactDOM from "react-dom"
import {makeAutoObservable} from "mobx";
import { observer } from "mobx-react"

class Timer {
    secondsPassed = 0

    constructor() {
        makeAutoObservable(this)
    }

    increase() {
        this.secondsPassed += 1
    }

    reset() {
        this.secondsPassed = 0
    }
}

const myTimer = new Timer()

const TimerView = observer((props) => (
    <button onClick={() => props.timer.increase()}>Seconds passed: {props.timer.secondsPassed}</button>
))


const Demo = observer(class Demo extends React.Component {
    public render = () => {
        return <button onClick={() => this.props.timer.increase()}>Seconds passed: {this.props.timer.secondsPassed}</button>
    }
})

ReactDOM.render(<>
    <Demo timer={myTimer} />
    <TimerView timer={myTimer} />
</>, document.body)