Reasoning · frontend

Use Claude 3.5 Sonnet (Thinking) with React

Updated 2026-05-21 · By XALEN

1. Install

npm install xalen-sdk

2. Code

import { useState } from 'react';
import XALEN from 'xalen-sdk';

const client = new XALEN({ apiKey: 'xln_test_YOUR_KEY' });

export default function Chat() {
  const [response, setResponse] = useState('');
  
  async function ask(question) {
    const res = await client.chat.completions.create({
      model: 'claude-3-5-sonnet-thinking',
      messages: [{ role: 'user', content: question }]
    });
    setResponse(res.choices[0].message.content);
  }
  
  return <div>{response}</div>;
}

Claude 3.5 Sonnet (Thinking) with Other Frameworks

Other Models with React

Last updated: 2026-05-21