Tengo algunos problemas para actualizar el código de mi equipo para aplicar la función de inactividad. Pero cuando trato de hacer eso, aparece un mensaje de error en mi consola.

TypeError: Object(...) no es una función

Si alguien sabe o tiene una idea de cuál es realmente el problema, por favor hágamelo saber.

aqui esta la consola

Aquí está el código:

 import React, { Component } from 'react'; import { connect } from 'react-redux'; import * as Actions from '../actions'; import NeedContainer from './NeedContainer'; import ProfilContainer from './ProfilContainer'; import DealContainer from './DealContainer'; import AmountContainer from './AmountContainer'; import DurationContainer from './DurationContainer'; import MonthlyContainer from './MonthlyContainer'; import ContributionContainer from './ContributionContainer'; import FeesContainer from './FeesContainer'; import createActivityDetector from 'activity-detector' import { useState, useEffect } from 'react'; function useIdle(time) { const [isIdle, setIsIdle] = useState(false) useEffect(() => { const activityDetector = createActivityDetector(time) activityDetector.on('idle', () => setIsIdle(true)) activityDetector.on('active', () => setIsIdle(true)) return () => activityDetector.stop() }, []) return isIdle; } class SimulatorContainer extends Component { render() { const isIdle = useIdle({timeToIdle:1000}) if (! this.props.ready) return (<div className="wf-loading">Loading ...</div>); return ( <div className={this.props.className}> <NeedContainer /> <ProfilContainer /> <AmountContainer /> <ContributionContainer /> <DurationContainer /> <MonthlyContainer /> <DealContainer /> <FeesContainer /> </div> ); } } const mapStateToProps = state => { return { ready:state.simulator.ready, interest:state.simulator.interest, } } const mapDispatchToProps = dispatch => { return { isReady: (ready) => { dispatch(Actions.isReady(ready)); } } } export default connect( mapStateToProps, mapDispatchToProps )(SimulatorContainer)