Skip to main content
Version: v2.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: 'assistant',
          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!'
      adapter={ adapter }
      personaOptions={ personaOptions }
      displayOptions={{ colorScheme: 'dark' }}