fix: use LineItem id as a uniq key

commercelayer · Aug 14, 2023 · 3515f01 · 3515f01
1 parent f8aea66
commit 3515f01
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/app-elements/src/ui/resources/LineItems.tsx b/packages/app-elements/src/ui/resources/LineItems.tsx
@@ -151,7 +151,7 @@ export const LineItems = withSkeletonTemplate<{
             const isEditable = editable && lineItem.type === 'line_items'
 
             return (
-              <Fragment key={`${lineItem.type}-${code}`}>
+              <Fragment key={lineItem.id}>
                 <tr className='h-0'>
                   <td
                     className={cn('w-0', {

diff --git a/packages/docs/src/stories/resources/LineItem.stories.tsx b/packages/docs/src/stories/resources/LineItem.stories.tsx
@@ -72,7 +72,7 @@ export const Default = Template.bind({})
 Default.args = {
   preset: ['custom'],
   isLoading: false,
-  items: [presetLineItems.oneLine],
+  items: [{ ...presetLineItems.oneLine, id: 'nIp9785zse' }],
   footer,
   onChange() {
     alert('Something has changed!')