AbortError: signal is aborted without reason

[SaravananArumugam24]

Hi Team,

I am getting abortError & I have pasted by code below. Please let know if you have any solution

My Code:
import dynamic from 'next/dynamic';
import { DocumentViewerProps } from "@/Interface/DocumentViewer"
import { useEffect, useState } from 'react';
const DocViewer = dynamic(() => import('react-doc-viewer'), { ssr: false });

const DocumentViewer: React.FC = ({
URL,
}) => {
const [documents, setDocuments] = useState([]);

useEffect(() => {
    if (URL) {
        const docs = [{ uri: URL }];
        setDocuments(docs);
    }
}, [URL]);

return (
    <div>
        {documents.length > 0 ? (
            <DocViewer documents={documents} />
        ) : (
            <p>Loading documents...</p>
        )}
    </div>
);

}

export default DocumentViewer

[codeprepai]

Mention the fieType: '', in your IDocument object,it will work.
Example

const data: DOC_TYPE[] = [
  {
    id: 1,
    title: 'Network pdf',
    path: [{
      uri: ('https://pdfobject.com/pdf/sample.pdf'),
      fileType: 'pdf'
    }],
    local: false
  },
  {
    id: 2,
    title: 'Network pdf',
    path: [{
      uri: ('../src/assets/sample.pdf'),
      fileType: 'pdf'
    }],
    local: false
  },
];

[AndreiMrakov]

@Horadrim check https://github.com/vercel/next.js/discussions/62122#discussioncomment-9458763 about node version