Quiero convertir el componente de ganchos de reacción en un componente de clase, pero aparece un error.

MANOS

 import React, { useEffect, useRef } from "react"; const App = () => { const refValt = useRef(null); const myfuncValt = () => { console.log("222222222222222222222"); }; useEffect(() => { setTimeout(() => { refValt.current.click(); }, 5000); //miliseconds }, []); return ( <div> <div ref={refValt} onClick={myfuncValt}>Valt</div> </div> ); }; export default App;

CLASE

 import React from "react"; const myfuncValt = () => { console.log("222222222222222222222"); }; class App extends React.Component { constructor(props) { super(props); const refValt = React.createRef(null); } componentDidMount() { setTimeout(() => { this.refValt.current.click(); }, 5000); } render() { return ( <div> <div ref={this.refValt} onClick={myfuncValt}> Valt </div> </div> ); } } export default App;

me sale este error =

Intento this.refValt.click(); Pero no funciona.

En realidad, sospecho las diferencias entre createref y userref.