Fix duplicate name for interface and function

a function can't have the same name as an interface, in addition to that, DocumentScreen is imported and used as a component and not as an interface in other files.
storybookjs · Jul 7, 2023 · c41bab2 · c41bab2
1 parent add71c3
commit c41bab2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git 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} />