StreamedText.tsx

function StreamedText() {
  const [text, setText] = React.useState("");
  React.useEffect(() => { getStream() }, []);

  function getStream() {
    // Fetch the stream
    const stream = await fetch('/api/answer', { method: 'POST', body: JSON.stringify({ query } }) })
    const data = stream.body;
    if (!data) return;

    // Display the response
    const reader = data.getReader();
    const decoder = new TextDecoder();
    let done = false;

    while (!done) {
      const { value, done: doneReading } = await reader.read();
      done = doneReading;
      const chunkValue = decoder.decode(value);
      setText((prev) => prev + chunkValue);
    }
  }
}