From c41bab2f1cb22d2d09ad244673ae72606fa661a4 Mon Sep 17 00:00:00 2001
From: Bouzid Badreddine <ubugnu@gmail.com>
Date: Fri, 7 Jul 2023 10:49:31 +0100
Subject: [PATCH] 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.
---
 docs/snippets/react/simple-page-implementation.ts.mdx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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} />