Uncaught SyntaxError: Unexpected token '<'

[wasyster]

HI

I am using react with typescript and I cant get this to work.
I have a form component where I want to display the selected pdf file.
The file got loaded, I got the File variable data. I tried to pass it is as a File to a Document file property, tried it to convert to base64 string, but always got the error:

Uncaught SyntaxError: Unexpected token '<'
Error: Setting up fake worker failed: "Cannot read property 'WorkerMessageHandler' of undefined".

I put here my relevant code

    const [image, setImage] = useState<string>();
    const [imageFile, setImageFile] = useState<File>();

    const [pdfFile, setPdfFile] = useState<File>();
    const [pdf, setPdf] = useState<string>();

    const [pageNumber, setPageNumber] = useState<number>(1);
    const [numPages, setNumPages] = useState<number>();

const onPdfPickHandler = (e: React.FormEvent<HTMLInputElement>): void =>
    {
        if (e.currentTarget.files?.item(0) )
        {
            const file = e.currentTarget.files.item(0);
            setPdfFile(file!);

            fileToPDF(file!);
        }
    }

const fileToPDF = async (data: File): Promise<void> =>
    {
        const reader = new FileReader();
        reader.readAsDataURL(data);
        reader.onload = async () =>
        {
            setPdf(reader.result as string);
        }
    }
{
                                            pdf && <React.Fragment>
                                                <Document file={pdf}
                                                          onLoadSuccess={ (e) => onDocumentLoadSuccess(e)}>
                                                    <Page pageNumber={pageNumber} />
                                                </Document>
                                                {numPages && <p>Page {pageNumber} of {numPages}</p>}
                                            </React.Fragment>
                                        }

[wasyster]

this worked for me

import { Document, Page, pdfjs   } from "react-pdf";
pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.js`;

[wojtekmaj]

See #97 and others.