wehub-resource-sync
25 lines
530 B
TypeScript
Vendored
25 lines
530 B
TypeScript
Vendored
'use client';
|
|
|
|
import { useChat } from 'ai/react';
|
|
|
|
export default function Chat() {
|
|
const { messages, input, handleInputChange, handleSubmit } = useChat();
|
|
return (
|
|
<div>
|
|
{messages.map((m) => (
|
|
<div key={m.id}>
|
|
{m.role === 'user' ? 'User: ' : 'AI: '}
|
|
{m.content}
|
|
</div>
|
|
))}
|
|
<form onSubmit={handleSubmit}>
|
|
<input
|
|
value={input}
|
|
placeholder="Say something..."
|
|
onChange={handleInputChange}
|
|
/>
|
|
</form>
|
|
</div>
|
|
);
|
|
}
|