diff --git a/docs/snippets/react/simple-page-implementation.ts.mdx b/docs/snippets/react/simple-page-implementation.ts.mdx
index 913064973839..02629a7a3bb9 100644
--- a/docs/snippets/react/simple-page-implementation.ts.mdx
+++ b/docs/snippets/react/simple-page-implementation.ts.mdx
@@ -7,13 +7,13 @@ import SubDocuments from './SubDocuments';
 import DocumentHeader from './DocumentHeader';
 import DocumentList from './DocumentList';
 
-export interface DocumentScreen {
+export interface DocumentScreenProps {
   user?: {};
   document?: Document;
   subdocuments?: SubDocuments[];
 }
 
-function DocumentScreen({ user, document, subdocuments }) {
+export function DocumentScreen({ user, document, subdocuments }: DocumentScreenProps) {
   return (
     <PageLayout user={user}>
       <DocumentHeader document={document} />