React hooks

function ExistingChat() {
  const runtime = useGenerativeA11yRuntime();
  const attention = useGenerativeA11yAttention();
  const { preferences, setPreferences } = useGenerativeA11yPreferences();
  const bindings = useGenerativeA11yBindings();

  return (
    <main {...bindings.conversationProps}>
      <article {...bindings.newestResponseProps}>Latest response</article>
      <textarea {...bindings.composerProps} />
      <button onClick={() => runtime.dispatch(startEvent)}>Send</button>
      <output>{attention.mode}</output>
      <button onClick={() => setPreferences({ ...preferences, streaming: "less" })}>
        Reduce streaming detail
      </button>
    </main>
  );
}