---
sidebar_label: 'Conversation History'
---

import {CodeEditor} from '@site/src/components/CodeEditor/CodeEditor';
import app from './0011-conversation-history/app';
import personas from './0011-conversation-history/personas';

# Conversation History

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

<CodeEditor
    files={{
        'App.tsx': app,
        'personas.tsx': personas,
    }}
    editorHeight={380}
    simulatedPrompt={'If a pirate loses his ship\'s wheel in a storm, does he become disoriented or reoriented?'}
/>
