diff --git a/app/pages/project/instances/instance/tabs/common.tsx b/app/pages/project/instances/instance/tabs/common.tsx index 5ce9c0066d..4c35533cdf 100644 --- a/app/pages/project/instances/instance/tabs/common.tsx +++ b/app/pages/project/instances/instance/tabs/common.tsx @@ -5,6 +5,8 @@ * * Copyright Oxide Computer Company */ +import { cloneElement } from 'react' + import { intersperse } from '@oxide/util' const white = (s: string) => ( @@ -14,4 +16,6 @@ const white = (s: string) => ( ) export const fancifyStates = (states: string[]) => - intersperse(states.map(white), <>, , <> or ) + intersperse(states.map(white), <>, , <> or ).map((item, index) => + cloneElement(item, { key: index }) + )