"onEnd" does not work properly.

[ndeso17]

"onEnd" does not work properly.

[ndeso17]

here is a solution to replace "onend", but even though I got the solution, I'm still curious why "onend" doesn't work.

  const jawaban = (text) => {
    const voices = window.speechSynthesis.getVoices();
    const indonesianVoice = voices.find((voice) => voice.lang === "id-ID");
    if (indonesianVoice) {
      const utterance = new SpeechSynthesisUtterance(text);
      utterance.voice = indonesianVoice;
      window.speechSynthesis.speak(utterance);
      utterance.onend = function () {
        window.speechSynthesis.cancel();
        window.location.reload();
      };
    } else {
      console.log("Suara bahasa Indonesia tidak ditemukan.");
      const utterance = new SpeechSynthesisUtterance(text);
      window.speechSynthesis.speak(utterance);
      utterance.onend = function () {
        window.speechSynthesis.cancel();
        window.location.reload();
      };
    }
  };

  const getAllCommand = async (voice) => {
    const tokenPemilik =
      "ssIy*|1HV@u226ht]r{5f9T]83ak#z_Diu|{|#h.TGdp,pAnt3k^dKvXH|a4iC$@!f&gq3V98E,qbMxk9^DKP0b_n(FMZ&@M$f3";
    try {
      const response = await axios.post(
        "http://localhost:4000/users/getAllCommand",
        { tokenPemilik }
      );
      const dataCommand = response.data;
      if (dataCommand) {
        let exactMatchingCommand = null;
        for (let i = 0; i < dataCommand.length; i++) {
          if (dataCommand[i] === voice) {
            exactMatchingCommand = dataCommand[i];
            break;
          }
        }
        if (exactMatchingCommand !== null) {
          console.log(`Perintah yang sangat cocok dengan "${voice}":`);
          console.log(exactMatchingCommand);
          jawaban(exactMatchingCommand);
        } else {
          console.log(
            `Tidak ada perintah yang sangat cocok dengan "${voice}".`
          );
        }
      }
    } catch (error) {
      console.error("Error fetching command data:", error);
    }
  };

  if (lastTranscript) {
    const voice = lastTranscript.toLowerCase();
    getAllCommand(voice);
    setLastTranscript("");
  }

  useEffect(() => {
    if (browserSupportsSpeechRecognition) {
      SpeechRecognition.startListening({
        continuous: true,
        language: "id",
      });
    }
  }, [browserSupportsSpeechRecognition]);

  useEffect(() => {
    if (transcript.trim() !== "") {
      setLastTranscript(transcript);
      if (resetTimeout) {
        clearTimeout(resetTimeout);
      }
      const timeoutId = setTimeout(() => {
        resetTranscript();
      }, 3000);
      setResetTimeout(timeoutId);
    }
  }, [transcript, resetTranscript]);