Adding impurity in document.tsx code

Author: NirajC-Microsoft

src/frontend/src/pages/document/Document.tsx

@@ -19,8 +19,8 @@ const Document = (): JSX.Element => {
       setIsLoading(true); // Step 2
       try {
         const response = await documentRead(id);
-        const data = await response.json();
-        setDocument(data);
+        const data = await response.text();  //
+        setDocument(data as any);        //
       } catch (error) {
         console.error(error);
         setDocument(null);
@@ -30,7 +30,7 @@ const Document = (): JSX.Element => {
     };
 
     if (params.id) {
-      getDocument(params.id);
+      getDocument(params.id as string); //
     }
   }, [params.id]);
 
@@ -41,7 +41,7 @@ const Document = (): JSX.Element => {
       ) : document ? (
         <p>{document.content}</p>
       ) : (
-        <h1>Document not found. Please try again.</h1>
+        <p>Document not found. Please try again.</p>
       )}
     </>
   );