fix: issue when links inside markdown (paragraph)

ccontrols · Apr 27, 2021 · 2f11249 · 2f11249
1 parent d18127d
commit 2f11249
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/ui/components/src/Markdown/MarkdownComponents.tsx b/ui/components/src/Markdown/MarkdownComponents.tsx
@@ -66,6 +66,12 @@ export const markdownComponents: MarkdownComponentType = {
   code: props => {
     return <SyntaxHighlighter {...props} />;
   },
+  p: props =>
+    props.children?.length === 1 && typeof props.children[0] === 'string' ? (
+      <p {...props} />
+    ) : (
+      <div variant="styles.p" {...props} />
+    ),
   pre: props => {
     const mdxProps = preToCodeBlock(props);
     if (!mdxProps) {