Ship production-ready AI featuresIn minutes, not months

import { useBasicChatCompletions } from '@fencyai/react'

export default function BasicChatCompletionExample() {
  const { createBasicChatCompletion, latest } = useBasicChatCompletions()
  const response = latest?.data?.response
  const error = latest?.error
  const loading = latest?.loading

  return (
    <div>
      <button
        onClick={async () => {
          await createBasicChatCompletion({
            openai: {
              model: 'gpt-4o-mini',
              messages: [
                { role: 'user', content: 'Hello, how are you?' }
              ]
            }
          })
        }}
        disabled={loading}
      >
        Send Message
      </button>
      {error && <div>{error.message}</div>}
      {response && <div>{response}</div>}
    </div>
  )
}