Can't make Framework7-react cli template + mobx-react work

I used the framework7 cli template for a f7-react cordova app. I tried to use it with mobx and mobx-react but it just doesn’t seem to work.

Problem: Changes in observed component classes and there observables do not trigger the react update lifecycle.

Does anybody have an idea what I am missing here? The counter does not update on the page.

import React, { Component } from 'react';
import {
} from 'framework7-react';

import { observable, action } from "mobx"
import { observer } from "mobx-react"

export default class Home extends Component {

    @observable counter = 1;

    constructor(props) {
        this.increment = this.increment.bind(this);

    componentDidMount() {
        setInterval(this.increment, 1000);

    increment() {
        this.counter += 10;

    render() {
        return (
            <Page name="home">
                <Block strong noHairlines>
                    <div>This is the current counter: {this.counter}</div>