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

```js
// .storybook/preview.js

import * as React from 'react';

import { DocsContainer } from '@storybook/blocks';

const ExampleContainer = ({ children, ...props }) => {
  return <DocsContainer {...props}>{children}</DocsContainer>;
};

export const parameters = {
  actions: { argTypesRegex: '^on[A-Z].*' },
  controls: {
    matchers: {
      color: /(background|color)$/i,
      date: /Date$/,
    },
  },
  docs: {
    container: ExampleContainer,
  },
};
```