[stepper] Fixed key and prop type warnings. (mui#4799)

alexhayes · Nov 2, 2017 · a01a4cf · a01a4cf
1 parent bee1414
commit a01a4cf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/Stepper/StepContent.js b/src/Stepper/StepContent.js
@@ -1,6 +1,7 @@
 // @flow
 
 import React from 'react';
+import type { Element, ChildrenArray } from 'react';
 import warning from 'warning';
 import classNames from 'classnames';
 import Collapse from '../transitions/Collapse';
@@ -47,7 +48,7 @@ export type Props = {
   /**
    * Step content
    */
-  children: Node,
+  children: ChildrenArray<Element> | Node,
   /**
    * @ignore
    */

diff --git a/src/Stepper/Stepper.js b/src/Stepper/Stepper.js
@@ -113,7 +113,10 @@ function Stepper(props: ProvidedProps & Props) {
     }
 
     return [
-      !alternativeLabel && connector && index > 0 && React.cloneElement(connector),
+      !alternativeLabel &&
+        connector &&
+        index > 0 &&
+        React.cloneElement(connector, { key: `connect-${index - 1}-to-${index}` }),
       React.cloneElement(step, Object.assign(controlProps, step.props)),
     ];
   });