Tengo un problema con una biblioteca react-speech-recognition. newcontent es un estado cuando modifico este estado dentro de useeffect print undefined y también quiero modificar este estado para la transcripción también print undefined
const Room = () => { let{ transcript, } = useSpeechRecognition(); const [newContent,setnewcontent]=useState('') } console.log(transcript)-->//here successful useEffect(() => { console.log(transcript)-->//here undefined setnewcontent(transcript) console.log(setnewcontent)-->//here undefined },[])
Use 2 useEffect
separados. Uno para actualizar el estado y otro para realizar un seguimiento y hacer el console.log
de la siguiente manera.
// This useEffect will trigger if any change detected in transcript variable useEffect(() => { setnewcontent(transcript) },[transcript]) // This useEffect will trigger if any change detected in newContent state useEffect(() => { console.log(newContent) },[newContent])