Fixes issue with arrays not rendering (#55)

aidansunbury · web-flow · commit e3b7cc8bebef · 2025-01-05T20:21:44.000-08:00
diff --git a/packages/trpc-ui/src/react-app/components/form/fields/ArrayField.tsx b/packages/trpc-ui/src/react-app/components/form/fields/ArrayField.tsx
@@ -68,7 +68,7 @@ export function ArrayField({
     >
       {field.value.map((parsedNode: ParsedInputNode, i: number) => (
         <span
-          key={`${JSON.stringify(parsedNode.path)} ${i}`}
+          key={`${JSON.stringify(parsedNode)} ${i}`}
           className="flex flex-row items-start"
         >
           <span className="flex flex-1 flex-col">

Original file line number	Diff line number	Diff line change
`@@ -68,7 +68,7 @@ export function ArrayField({`
`68`	`68`	`>`
`69`	`69`	`{field.value.map((parsedNode: ParsedInputNode, i: number) => (`
`70`	`70`	`<span`
`71`		- key={`${JSON.stringify(parsedNode.path)} ${i}`}
	`71`	+ key={`${JSON.stringify(parsedNode)} ${i}`}
`72`	`72`	`className="flex flex-row items-start"`
`73`	`73`	`>`
`74`	`74`	`<span className="flex flex-1 flex-col">`