fix handling of codeBlock copy value

stellaraf · Feb 8, 2021 · 60d8c2c · 60d8c2c
1 parent 3d33aee
commit 60d8c2c
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/components/codeBlock/codeBlock.tsx b/components/codeBlock/codeBlock.tsx
@@ -35,7 +35,15 @@ export const CodeBlock: React.FC<ICodeBlock> = (props: ICodeBlock) => {
     colorScheme: ctx.copyButton.colorScheme,
     variant: 'ghost',
   });
-  const { hasCopied, onCopy } = useClipboard(children);
+
+  let copyValue = '';
+  if (typeof children === 'string') {
+    copyValue = children;
+  } else {
+    copyValue = children.props.children;
+  }
+
+  const { hasCopied, onCopy } = useClipboard(copyValue);
 
   return (
     <Box

diff --git a/components/codeBlock/types.ts b/components/codeBlock/types.ts
@@ -1,5 +1,5 @@
 import type { BoxProps } from '@chakra-ui/react';
 
 export interface ICodeBlock extends BoxProps {
-  children: string;
+  children: string | JSX.Element;
 }