chore: fix react duplicate key warning on vpcs page

"Warning: Encountered two children with the same key, `name`."
oxidecomputer · Sep 10, 2024 · 9c532ce · 9c532ce
1 parent 1892fc1
commit 9c532ce
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/app/pages/project/vpcs/VpcsPage.tsx b/app/pages/project/vpcs/VpcsPage.tsx
@@ -133,6 +133,8 @@ export function VpcsPage() {
       colHelper.accessor('dnsName', { header: 'DNS name' }),
       colHelper.accessor('description', Columns.description),
       colHelper.accessor('name', {
+        // ID needed to avoid key collision with other name column
+        id: 'rule-count',
         header: 'Firewall Rules',
         cell: (info) => <FirewallRuleCount project={project} vpc={info.getValue()} />,
       }),