How can I implement partial output in the react demo?

[DikkooXie]

Question

Hello! I am reading the Transformers.js documentation for "Building a react application", but I encountered an issue at step 4.
I don't know how to implement the partial output of the translation results, even though the documentation provides the following instructions:

  let output = await translator(event.data.text, {
      tgt_lang: event.data.tgt_lang,
      src_lang: event.data.src_lang,

      // Allows for partial output
      callback_function: x => {
          self.postMessage({
              status: 'update',
              output: translator.tokenizer.decode(x[0].output_token_ids, { skip_special_tokens: true })
          });
      }
  });

I have completed all the steps in the tutorial documentation, but I still cannot get the output to work properly. I tried using console.log for debugging and found that the callback_function is not working, and the main thread is not receiving any messages with the status update. I have also not found any information about the callback_function in the transformers.js documentation. I apologize for taking up your time, but I sincerely need your help. 🙏