I'm trying to create a speech-to-text command then the server will reply as text then convert it to speech using react-speech-kit. Both function works fine, but what I wanted to do is call the Speak() function from useSpeechSynthesis automatically.

I've called the speak function on onEnd function from useSpeechRecognition like this

  const onEnd = () => {
    fetch(
      "http://api/Main?id=test&lang=kor&req=" +
        value,
      {}
    )
      .then((res) => res.json())
      .then(
        (result) => {
          setResponse(result.res);
          speak(result.res);
          console.log(result);
        },
        (error) => {
          console.log(error);
        }
      );
    // You could do something here after speaking has finished
  };

But it doesn't speak for itself after the value has been passed.

Does anyone know how to make it automatic?

EDIT

I was wrong to call speak function like that, it should've be like this speak({text:result.res}); It is working now, TTS automatically calls, but it calls over and over again, not once, anyone knows how to fix it?