1 files changed, 12 insertions, 0 deletions
diff --git a/src/theme/MDXComponents.js b/src/theme/MDXComponents.js
new file mode 100644
index 00000000..5af587d9
--- /dev/null
+++ b/src/theme/MDXComponents.js
@@ -0,0 +1,12 @@
+import React from 'react';
+// Import the original mapper
+import MDXComponents from '@theme-original/MDXComponents';
+import MessageBubble from '@site/src/components/MessageBubble';
+
+export default {
+  // Re-use the default mapping
+  ...MDXComponents,
+  // Map the "<MessageBubble>" tag to our MessageBubble component
+  // `MessageBubble` will receive all props that were passed to `<MessageBubble>` in MDX
+  MessageBubble,
+};
+\ No newline at end of file