v0.dev/Vercel "Error: Invalid PDF url data: either string or URL-object is expected in the url property."

[vdubya]

Sample code w/error: https://v0.dev/chat/z0eLZKD1o3Z?b=b_cso9tqi6zdc

I was attempting a minimalistic example using v0.dev and Vercel deployment and can't seem to get around the error "Error: Invalid PDF url data: either string or URL-object is expected in the url property" no matter what I tried. This involved loading a PDF from a URL, and I specifically used the CORS friendly example file for testing but no luck.

Any ideas??

---

Next.js version: 14.2.16
package.json = "react-pdf": "latest"

---

Ensured:

pdfjs.GlobalWorkerOptions.workerSrc = `//cdnjs.cloudflare.com/ajax/libs/pdf.js/${pdfjs.version}/pdf.worker.min.js`

---

Attempted passing the URL using both methods:

file={{ url: 'https://cdn.filestackcontent.com/wcrjf9qPTCKXV3hMXDwK' }} 

file="https://cdn.filestackcontent.com/wcrjf9qPTCKXV3hMXDwK" 

---

included non-turbopack instructions:

/** @type {import('next').NextConfig} */
const nextConfig = {
  webpack: (config) => {
    config.resolve.alias.canvas = false;
    return config;
  }
}

module.exports = nextConfig

---

Ensured use of:

'use client'

---

Was having a similar problem with pdf.js on v0.dev and was able to solve it with:

import '@ungap/with-resolvers';
import { getDocument } from 'pdfjs-dist';

export const loadPDF = async (url: string) => {
    // @ts-ignore
    await import('pdfjs-dist/build/pdf.worker.mjs');

    // Fetch a PDF file from the web
    const data = await fetch(url).then(res => res.arrayBuffer());

    // Load PDF from buffer
    const pdf = await getDocument({
        data,
        cMapUrl: "../../../node_modules/pdfjs-dist/cmaps/",
        cMapPacked: true,
        standardFontDataUrl: "../../../node_modules/pdfjs-dist/standard_fonts/",
        verbosity: 0
    }).promise;

    return pdf;
}

---

[wojtekmaj]

So this GlobalWorkerOptions thing... I can't find it in your code. When I pasted your component into my test app, and fixed GlobalWorkerOptions, it started working right away.

[vdubya]

Thanks for the quick reply! Strange, GlobalWorkerOptions was in v1 but got removed from subsequent versions without my knowing. I re-added to v2-4 and still same error.

[vdubya]

So @wojtekmaj if you take a look at it now, v1-4 should include it but still show the errors.
https://v0.dev/chat/z0eLZKD1o3Z?b=b_cso9tqi6zdc

[vdubya]

Has anybody gotten anything to work using react-pdf on v0.dev?