storybook/docs/snippets/common/custom-docs-page.ts-component.ts.mdx

```ts
// CustomDocumentationComponent.ts|tsx

import React from 'react';

export const CustomDocumentationComponent: React.VFC = () => {
  return (
    <div>
      <h1>Replacing DocsPage with a custom component</h1>
      <p>
        The Docs page can be customized with your own custom content written as a React Component.
      </p>
      <p>
       Write your own code here👇
      </p>
    </div>
  );
};
```