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

[Horadrim]

I have the same error: NextJs 14, this is my component:
`
"use client";
import DocViewer, { DocViewerRenderers } from "react-doc-viewer";

function DocumentViewer({ urls }: { urls: string[] }) {
const docs = urls.map((uri) => {
return { uri };
});

return (
	<div>
		<DocViewer pluginRenderers={DocViewerRenderers} documents={docs} />
	</div>
);

}
export default DocumentViewer;
`

in the console I see:
TypeError: Promise.withResolvers is not a function

[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
  },
];