PDF viewer stuck in infinite loader when using package with Vite

[Selnapenek]

Environment:

• Elements version:
• 25.1.0
• 21.0.0

Desktop

• OS: macOS 15.6.1 (24G90)
• Browser: chrome

Steps to reproduce the problem:

• Set up a project using Vite
• Install and configure box-ui-elements package like
• Attempt to open a uploaded PDF file
• Observe that the viewer shows a loading spinner indefinitely

What is the expected behavior?
The PDF viewer should load and display the PDF file content.

What went wrong?
The viewer remains stuck in an infinite loading state and never displays the PDF.

Link to application or sample code:

            <ContentExplorerComponent
              canShare={false}
              canPreview={true}
              canUpload={false}
              canCreateNewFolder={false}
              contentPreviewProps={{
                contentSidebarProps: {
                  detailsSidebarProps: {
                    hasProperties: false,
                    hasNotices: false,
                    hasAccessStats: false,
                    hasClassification: false,
                    hasRetentionPolicy: false,
                  },
                  hasActivityFeed: false,
                  hasMetadata: false,
                  hasSkills: false,
                  hasVersions: false,
                },
              }}
              rootFolderId={rootFolderId || 0}
              token={token}
              logoUrl=""
              onDownload={handleDownload}
            />

Expected behavior
The PDF viewer should load and display the PDF file content.

[tjuanitas]

@Selnapenek thanks for reporting. will take a look 👀

[Selnapenek]

@tjuanitas
FYI: there is no such issue with 19.0.0 version.
Happy to help debug this if you need any extra info, whatever would be useful - just let me know!

[tjuanitas]

@Selnapenek interesting, I'm thinking it's the version of pdf.js we're using but that's controlled in this repo: https://github.com/box/box-content-preview

just to confirm, this happens with every PDF file, correct?

[Selnapenek]

@Selnapenek interesting, I'm thinking it's the version of pdf.js we're using but that's controlled in this repo: https://github.com/box/box-content-preview

It looks like versions 2.95.0 and earlier of https://github.com/box/box-content-preview work fine, but the latest version doesn’t. I’ll open an issue about it

just to confirm, this happens with every PDF file, correct?

correct

[tjuanitas]

@Selnapenek as a workaround, you can pass in a specific version of box-content-preview into ContentExplorer -> ContentPreview. I think something like this:

<ContentExplorer
    ...
    contentPreviewProps={{
        ...
        previewLibraryVersion: "2.95.0",
    }}
/>

box-ui-elements/src/elements/content-preview/ContentPreview.js

Line 261 in b2a4e01

previewLibraryVersion: DEFAULT_PREVIEW_VERSION,

this should get you unstuck for the time being :)

[Selnapenek]

@Selnapenek as a workaround, you can pass in a specific version of box-content-preview into ContentExplorer -> ContentPreview. I think something like this:

<ContentExplorer
    ...
    contentPreviewProps={{
        ...
        previewLibraryVersion: "2.95.0",
    }}
/>

box-ui-elements/src/elements/content-preview/ContentPreview.js

Line 261 in b2a4e01

previewLibraryVersion: DEFAULT_PREVIEW_VERSION,
this should get you unstuck for the time being :)

Yeah it is works thank you a lot.

PS:
works with

<ContentExplorer
     previewLibraryVersion="2.95.0"
/>

not contentPreviewProps->previewLibraryVersion
at least for 25.1.0