Skip to main content
Version: v1.x

Conversation History

This example shows how the chat history is loaded and fed to the AI chat component for rendering upon initialization.

import {AiChat} from '@nlux/react';
import {useChatAdapter} from '@nlux/langchain-react';
import '@nlux/themes/nova.css';
import {personaOptions} from './personas';

export default () => {
  // LangServe adapter that connects to a demo LangChain Runnable API
  const adapter = useChatAdapter({
    url: ''

  return (
          role: 'user',
          message: 'What\'s the capital of Antartica?'
          role: 'ai',
          message: 'Arrr, matey! The capital of Antarctica be none other than "Arrrctica," where ye can find a jolly crew of penguins swashbuckling on icy seas!'
        height: 320,
        maxWidth: 600