Add mhchem extension support for chemistry formulas in ChatMessage

(cherry picked from commit aeaa0b32f9)
This commit is contained in:
yangdx 2025-12-01 12:16:43 +08:00 committed by Raphaël MANSUY
parent bd93f13012
commit 411290a013

View file

@ -70,10 +70,14 @@ export const ChatMessage = ({ message }: { message: MessageWithError }) => { //
? message.content
: (displayContent !== undefined ? displayContent : (message.content || ''))
// Load KaTeX dynamically
// Load KaTeX dynamically with mhchem extension for chemistry formulas
useEffect(() => {
const loadKaTeX = async () => {
try {
// First load mhchem extension (must be loaded before rehype-katex)
// This enables \ce and \pu commands for chemistry formulas
await import('katex/contrib/mhchem');
// Then load rehype-katex
const { default: rehypeKatex } = await import('rehype-katex');
setKatexPlugin(() => rehypeKatex);
} catch (error) {