From d951bbc60bf7497ff240d218036d77c7f6890aec Mon Sep 17 00:00:00 2001
From: Juntao Wang <juntwang@redhat.com>
Date: Wed, 23 Feb 2022 10:50:27 -0500
Subject: [PATCH 1/2] fix(ClipboardCopy): fix rendering comma issue in some
 situation

---
 .../src/components/ClipboardCopy/ClipboardCopy.tsx           | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/react-core/src/components/ClipboardCopy/ClipboardCopy.tsx b/packages/react-core/src/components/ClipboardCopy/ClipboardCopy.tsx
index ba9f3b5b8c7..6fc4d91c0c2 100644
--- a/packages/react-core/src/components/ClipboardCopy/ClipboardCopy.tsx
+++ b/packages/react-core/src/components/ClipboardCopy/ClipboardCopy.tsx
@@ -92,7 +92,10 @@ export class ClipboardCopy extends React.Component<ClipboardCopyProps, Clipboard
   constructor(props: ClipboardCopyProps) {
     super(props);
     this.state = {
-      text: this.props.children as string | number,
+      text:
+        typeof this.props.children === 'string'
+          ? (this.props.children as string | number)
+          : (this.props.children as string[]).join(''),
       expanded: this.props.isExpanded,
       copied: false
     };

From d1170f642d303d4ac2c16df3f5dcc499c0c1cdda Mon Sep 17 00:00:00 2001
From: Juntao Wang <juntwang@redhat.com>
Date: Wed, 23 Feb 2022 11:16:02 -0500
Subject: [PATCH 2/2] fix type check

---
 .../src/components/ClipboardCopy/ClipboardCopy.tsx         | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/packages/react-core/src/components/ClipboardCopy/ClipboardCopy.tsx b/packages/react-core/src/components/ClipboardCopy/ClipboardCopy.tsx
index 6fc4d91c0c2..4f567218c22 100644
--- a/packages/react-core/src/components/ClipboardCopy/ClipboardCopy.tsx
+++ b/packages/react-core/src/components/ClipboardCopy/ClipboardCopy.tsx
@@ -92,10 +92,9 @@ export class ClipboardCopy extends React.Component<ClipboardCopyProps, Clipboard
   constructor(props: ClipboardCopyProps) {
     super(props);
     this.state = {
-      text:
-        typeof this.props.children === 'string'
-          ? (this.props.children as string | number)
-          : (this.props.children as string[]).join(''),
+      text: Array.isArray(this.props.children)
+        ? this.props.children.join('')
+        : (this.props.children as string | number),
       expanded: this.props.isExpanded,
       copied: false
     };