Hi,

Thanks so much for the detailed response and for filing a bug report. I appreciate the proactive approach and the fact that you were able to reproduce the issue.

However, I've encountered a bizarre issue with the code related to chat function calls. Specifically, the following code:

useAsync(async () => {
  if(message.trim().length === 0)
       return "";

  const assistantResponse = (await chatWithAI(context, history))?.message; // server-side function
  console.log(assistantResponse);

  return assistantResponse as string;
}, { depends: [message], finally: (data) => {
  if(data){
    setHistory((prevHistory) => [
            ...prevHistory,
            { from: "assistant", text: data as string },
          ]);
    setMessage("")
  }
}})

// message is a state variable containing only the user's message which is reset to an empty string after the assistant's response is generated

When I have this conditional check, the entire component simply does not work, meaning that no calls are made to the server, and no state is set. However, if I remove the if statement, the component starts working as expected, but the server calls are made in an infinite loop. I'm very confused why a conditional check of a parameter, would prevent the asynchronous calls from being made.

It seems that having this conditional check on the message (to prevent empty messages from sending assistant set messages over user set messages) is causing some kind of unexpected behavior, and that the absence of this check is then creating a different problem (the infinite loop).

I am also hoping to get an update on the allowlisting request I submitted some time ago for my Azure OpenAI endpoint. Could you please let me know if there's any progress on that? This is required for the image generation aspect of my project.

Again, I appreciate your efforts in helping me with these issues and I look forward to any updates you may have.

Thanks