#Hooks

import { useChat } from '@/react';
import { MujianProvider } from '@/react';

function Chat() {
 const { messages, append, regenerate, continueGenerate, stop } = useChat({
    body: {
      model: 'gpt-4o',
    },
  });
  return <div>
    {messages.map((message) => (
      <div key={message.id}>{message.content}</div>
    ))}
    <button onClick={() => append('Hello')}>Append</button>
  </div>;
}

function App() {
  return (
    <MujianProvider loadingComponent={<div>Loading...</div>}>
      <Chat />
    </MujianProvider>
  );
}
export default App;