diff --git a/packages/react-button/src/components/Button/Button.stories.tsx b/packages/react-button/src/components/Button/Button.stories.tsx
index 49281423736dee..0d6a4f1cf4a4ba 100644
--- a/packages/react-button/src/components/Button/Button.stories.tsx
+++ b/packages/react-button/src/components/Button/Button.stories.tsx
@@ -2,8 +2,8 @@ import * as React from 'react';
 import { Button, ButtonProps } from '../../Button';
 import { Meta } from '@storybook/react';
 import { CalendarMonth24Regular } from '@fluentui/react-icons';
-import descriptionMdx from './ButtonDescription.md';
-import bestPracticesMdx from './ButtonBestPractices.md';
+import descriptionMd from './ButtonDescription.md';
+import bestPracticesMd from './ButtonBestPractices.md';
 
 export const Default = (props: ButtonProps) => <Button {...props}>Button</Button>;
 
@@ -170,7 +170,7 @@ export default {
   parameters: {
     docs: {
       description: {
-        component: [descriptionMdx, bestPracticesMdx].join('\n'),
+        component: [descriptionMd, bestPracticesMd].join('\n'),
       },
     },
   },
diff --git a/typings/custom-global/index.d.ts b/typings/custom-global/index.d.ts
index 3d5847fed6b6b3..a1042f27e0f309 100644
--- a/typings/custom-global/index.d.ts
+++ b/typings/custom-global/index.d.ts
@@ -6,6 +6,11 @@ declare module '*.scss' {
   export default styles;
 }
 
+/**
+ * Generic typings for Markdown files.
+ */
+declare module '*.md';
+
 // These declarations are meant to represent the parts of Map/WeakMap/Set that exist in IE 11.
 // Therefore, some functionality (such as constructor parameters) is intentionally missing.