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>
);
};
```