More feedback addressed

docs/snippets/common/storybook-preview-auto-docs-override-mdx-container.js.mdx

@@ -1,5 +1,5 @@
 ```js
-// CustomPageProvider.js
+// .storybook/preview.js
 
 import { MDXProvider } from '@mdx-js/react';
 
@@ -17,4 +17,17 @@ export const MyDocsContainer = (props) => (
     <DocsContainer {...props} />
   </MDXProvider>
 );
+
+export const parameters = {
+	  actions: { argTypesRegex: '^on[A-Z].*' },
+	  controls: {
+	    matchers: {
+	      color: /(background|color)$/i,
+	      date: /Date$/,
+	    },
+	  },
+	  docs: {
+	    container: MyDocsContainer,
+	  },
+	};
 ```

docs/writing-docs/docs-page.md

@@ -176,7 +176,7 @@ Out of the box, Storybook has a set of components that you can use to customize
 
 <CodeSnippets
   paths={[
-    'common/storybook-auto-docs-override-mdx-container.js.mdx',
+    'common/storybook-preview-auto-docs-override-mdx-container.js.mdx',
   ]}
 />