diff --git a/packages/sage-react/lib/ExpandableCard/ExpandableCard.jsx b/packages/sage-react/lib/ExpandableCard/ExpandableCard.jsx index 2109efdaae..2c249414b0 100644 --- a/packages/sage-react/lib/ExpandableCard/ExpandableCard.jsx +++ b/packages/sage-react/lib/ExpandableCard/ExpandableCard.jsx @@ -13,6 +13,7 @@ export const ExpandableCard = ({ children, className, headerContent, + key, name, onClick, sageType, @@ -32,7 +33,7 @@ export const ExpandableCard = ({ } }; - const id = uuid(); + const id = key || uuid(); const containerClassnames = classnames( 'sage-expandable-card', @@ -99,6 +100,7 @@ ExpandableCard.defaultProps = { children: null, className: null, headerContent: null, + key: null, alignTrigger: 'middle', name: null, onClick: null, @@ -110,6 +112,7 @@ ExpandableCard.propTypes = { alignArrowRight: PropTypes.bool, bodyBordered: PropTypes.bool, headerContent: PropTypes.node, + key: PropTypes.string, expanded: PropTypes.bool, className: PropTypes.string, children: PropTypes.node,