Fix key orders in React

CompuIves · CompuIves · commit 0c425f75b57b · 2019-08-02T12:13:42.000+02:00
diff --git a/packages/app/src/app/components/Preview/DevTools/Tabs/index.tsx b/packages/app/src/app/components/Preview/DevTools/Tabs/index.tsx
@@ -80,7 +80,7 @@ const DevToolTabs = ({
                 pane.closeable && panes.length !== 1 ? closeTab : undefined
               }
               index={i}
-              key={pane.id}
+              key={i} // eslint-disable-line react/no-array-index-key pane.id is not unique!
               status={
                 status
                   ? status[pane.id] || { unread: 0, type: 'info' }
diff --git a/packages/app/src/embed/components/Content/index.tsx b/packages/app/src/embed/components/Content/index.tsx
@@ -540,7 +540,7 @@ export default class Content extends React.PureComponent<Props, State> {
               >
                 {views.map((devView, i) => (
                   <DevTools
-                    key={sandbox.id}
+                    key={i} // eslint-disable-line react/no-array-index-key
                     devToolIndex={i}
                     addedViews={{
                       'codesandbox.browser': browserConfig,

Original file line number	Diff line number	Diff line change
`@@ -80,7 +80,7 @@ const DevToolTabs = ({`
`80`	`80`	`pane.closeable && panes.length !== 1 ? closeTab : undefined`
`81`	`81`	`}`
`82`	`82`	`index={i}`
`83`		`- key={pane.id}`
	`83`	`+ key={i} // eslint-disable-line react/no-array-index-key pane.id is not unique!`
`84`	`84`	`status={`
`85`	`85`	`status`
`86`	`86`	`? status[pane.id] \|\| { unread: 0, type: 'info' }`
Original file line number	Diff line number	Diff line change
`@@ -540,7 +540,7 @@ export default class Content extends React.PureComponent<Props, State> {`
`540`	`540`	`>`
`541`	`541`	`{views.map((devView, i) => (`
`542`	`542`	`<DevTools`
`543`		`- key={sandbox.id}`
	`543`	`+ key={i} // eslint-disable-line react/no-array-index-key`
`544`	`544`	`devToolIndex={i}`
`545`	`545`	`addedViews={{`
`546`	`546`	`'codesandbox.browser': browserConfig,`