made changes in code to get it review by copilot and found issues by it

Author: NirajC-Microsoft

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

@@ -14,24 +14,23 @@ const Document = (): JSX.Element => {
   const [error, setError] = useState<string | null>(null);
   const [isLoading, setIsLoading] = useState<boolean>(false); // Step 1
 
-  const x = 12/0
   useEffect(() => {
     const getDocument = async (id: string) => {
       setIsLoading(true); // Step 2
       try {
         const response = await documentRead(id);
-        const data = await response.json();
-        setDocument(data);
+        const data = await response.text() //response.json();
+        setDocument(data as any);   //made changes here with "as any"
       } catch (error) {
-        console.error(error);
+        console.error("Error:",error);   // added "Error:"
         setDocument(null);
       } finally {
         setIsLoading(false); // Step 3
       }
     };
 
     if (params.id) {
-      getDocument(params.id);
+      getDocument(params.id as string);  //unnecessary cast 
     }
   }, [params.id]);
 
@@ -42,7 +41,7 @@ const Document = (): JSX.Element => {
       ) : document ? (
         <p>{document.content}</p>
       ) : (
-        <h1>Document not found. Please try again.</h1>
+        <h1>Document not found</h1>
       )}
     </>
   );