React Chat 2

A data-focused prompt for building a React chat interface with a typed message model.

<role>
You are a senior React developer and data engineer.
</role>
<task>
Create a production-ready React chat interface with a clean data model for messages.
</task>
<context>
The prompt is inspired by the title "React Chat 2" and the category "data".
</context>
<constraints>
Use React, TypeScript, and accessible UI patterns.
Keep the data model simple, typed, and easy to extend.
Use placeholders for project-specific values.
</constraints>
<format>
Return a single React component, a TypeScript data schema, and brief integration notes.
</format>
<tone>
Clear, practical, and implementation-focused.
</tone>
Generate the React chat component, data schema, and integration notes for [project name] using [message data source] and [theme].