withStyles: TypeError: prevDeps не определен

Question

Я сейчас тренируюсь на ReactJS. Я использую material-ui.

Я не знаю, в порядке ли мое понимание withStyles.

С этим простым кодом (см. Ниже) я получил TypeError: prevDeps не определен.

Если я удаляю setState в компоненте приложения, это нормально.

Если я изменяю строку withStyles(styles)(Test) на `withStyles (myJss) (Test) в тестовом компоненте, это нормально.

Почему? Любая идея ?

Спасибо за помощь;)

myJss.js

const myJss = theme => ({
    textCenter : {
        textAlign:'center'
    }
});

export default myJss;

app.js

import React, { Component } from 'react'
import { makeStyles, withStyles } from "@material-ui/core/styles";
import Test from '../components/test'
import myJss from 'assets/jss/myJss.js';
const styles = makeStyles(myJss);

class App extends Component {

    constructor (props) {
        super(props)
        this.state = ({
            test:false
        })
    }

    componentDidMount () {
        this.setState({test:true})
    }

    render () {
        return (
            <div>
                APP
                <Test />
            </div>
        )
    }
}
export default withStyles(styles)(App)

test.js

import React, { Component } from 'react'
import { makeStyles, withStyles } from "@material-ui/core/styles";
import myJss from 'assets/jss/myJss.js';
import classNames from "classnames";
const styles = makeStyles(myJss);

class Test extends Component {
    constructor (props) {
        super(props)
        this.state = {
            searchText:""
        };
    }
    render() {
        const { classes } = this.props;

        return (
            <div className={classNames(classes.textCenter)}>test2</div>
        );
    }
}

export default withStyles(styles)(Test)