In v1.1. a custom ID is provided to pdfobject API call this may cause problems if a user forgets to provide containerId property and instantiates two or more <PDFObject />

The target parameter can accept a CSS selector, HTML node, or jQuery object.

A more elegant solution could be to use refs (which are DOM nodes, so are supported by API), this should not cause any problem because componentDidMount will be called after render and the reference should be populated.

If I render a and then later with a different url prop, it seems that the previously rendered PDF is not replaced with the new one. I tried a force update (after obtaining a ref on the PDFObject component), but to no avail.

Doesn't support more than one PDFObject on a page even if you put different ID's.

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Repository problems

These problems occurred while renovating this repository. View logs.

• WARN: Using npm packages for Renovate presets is now deprecated. Please migrate to repository-based presets instead.

Datasource	Name	Replacement PR?
npm	codecov
npm	tslint

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

• Update All patch update devDependencies (patch) (@types/enzyme, @types/enzyme-adapter-react-16, codecov, enzyme-adapter-react-16)
• Update actions/checkout action to v4
• Update dependency husky to v9
• Update dependency lint-staged to v15
• Update dependency node to v20
• Update dependency prettier to v3
• Update dependency tslint to v6
• Update dependency typescript to v5
• Update dependency ubuntu to v22
• Update react monorepo to v18 (major) (react, react-dom)
• 🔐 Create all rate-limited PRs at once 🔐

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

• Update circleci/node Docker tag to v10.24.1
• Update dependency node to v10.24.1

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

• Update dependency @types/pdfobject to v2.2.5
• Update circleci/node Docker tag to v17
• Update jest monorepo to v29 (major) (@types/jest, jest, ts-jest)
• Click on this checkbox to rebase all open PRs at once

Detected dependencies

• Check this box to trigger a request for Renovate to run again on this repository

Hello, how i'm able to use supportsPDFs property?
I found, that it was implemented in #122, but im not able use PDFObject.supportsPDFs/PDFObject.supportsPDFs() as it's not detected

My package version:
"react-pdfobject": "^1.1.1",

I have a react application using gulp. When i try to run in my server after bundle I am getting this error. Works fine in my local. Any idea why this is happening?

Object prototype may only be an Object or null: undefined

NOTE: without using react-pdfobject, everything working fine

I have a React app where I get a URL from my server that contains a PDF, and while I can view it, a team member of mine sees it differently. The strange thing is that, for them, it opens normally in other browsers (firefox, safari), but not on Chrome. For me, it works across browsers.

I'm using the library, react-pdfobject

Example (normal):

This is what they see:

Here is my code:

import { PDFObject } from 'react-pdfobject';

// ....
return (
  <>
    <Modal
      {...props}
      width="auto"
      styles={{ body: { height: window.innerHeight - 300 } }}
      onOk={() => {
        if (!data?.me.signatures.length) {
          setNoSignatureModalOpen(true);
          return;
        }
        bulkSignSignableDocuments();
      }}
      okText="Sign"
    >
      <Typography.Title level={4} style={{ textAlign: 'center' }}>
        Review and approve the {documentCount} {documentCount > 1 ? 'documents' : 'document'}{' '}
        you've selected to sign:
      </Typography.Title>
      <div style={{ display: 'flex', height: '100%' }}>
        <DocumentList
          setSelectedDocument={setSelectedDocument}
          preparedDocuments={preparedDocuments}
        />
        {selectedDocument?.pendingSignaturePdfUrl && (
          <PDFContainer>
            <PDFObject url={selectedDocument.pendingSignaturePdfUrl} />
          </PDFContainer>
        )}
      </div>
    </Modal>
    <NoSignatureModal
      open={noSignatureModalOpen}
      onCancel={() => setNoSignatureModalOpen(false)}
    />
  </>
);

How do I get this to automatically open?

Hi is there a way to open the pdf file fit to page?