Add keys to Accordion.Item components in ChatPanel

- Assign unique keys to Accordion.Item components in InputMessage.tsx.
- Update MessageContainer.tsx to include keys for Accordion.Item components.
This commit is contained in:
Rankin Zheng 2023-06-09 11:16:20 +08:00
parent c60860559e
commit 09ab19289f
2 changed files with 2 additions and 2 deletions

View File

@ -76,7 +76,7 @@ const InputContexts = () => {
contexts.map((item: any, index: number) => {
const { context } = item;
return (
<Accordion.Item value={`item-${index}`} >
<Accordion.Item key={`item-${index}`} value={`item-value-${index}`} >
<Box sx={{
display: 'flex', alignItems: 'center',
backgroundColor: 'var(--vscode-menu-background)',

View File

@ -95,7 +95,7 @@ const MessageContext = (props: any) => {
contexts?.map((item: any, index: number) => {
const { context } = item;
return (
<Accordion.Item value={`item-${index}`} mah='200'>
<Accordion.Item key={`item-${index}`} value={`item-value-${index}`} mah='200'>
<Box sx={{ display: 'flex', alignItems: 'center' }}>
<Accordion.Control >
<Text truncate='end'>{'command' in context ? context.command : context.path}</Text>