React-pdf renderer not working on React 18

Question

I am trying to install react-pdf/renderer on React version 18 using next command

npm install @react-pdf/renderer --save

but it is not working on version 18.

Do you have any solution?

Answer 1

You can use react-18-pdf/renderer instead of react-pdf/renderer

npm i @react-18-pdf/renderer

Answer 2

只需使用--force运行它，如下所示：

npm i @react-pdf/renderer --force

Answer 3

As suggested in error, it require react@"^16.8.6 || ^17.0.0" as peer dependency. So it will not work with react 18.

Answer 4

npm i @craco/craco Check here

use this package, it works. When I was working in a project of making PDF using @react-pdf/renderer, I got the same Breaking changes error. I got resolved with CRACO package.

c reate R eact A pp C onfiguration O verride is an easy and comprehensible configuration layer for create-react-app.

Get all the benefits of create-react-app and customization without using 'eject' by adding a single configuration (eg craco.config.js) file at the root of your application and customize your eslint, babel, postcss configurations and many more.

Answer 5

While it is possible to install @react-pdf/renderer discarding error the using any of following two methods

1.

npm install @react-pdf/renderer --legacy-peer-deps

"overrides": {
    "@react-pdf/renderer": {
      "react": "^18.0.0"
    }
  },

But I would recommend against it since, I was doing the same and faced with error in next export due to @react-pdf/renderer . Instead I replaced jsPDF while it is not declarative, it just get the job done for generating PDFs.

Answer 6

Add this to your package.json file and it solves the error

"overrides": {
  "@react-pdf/renderer": {
    "react": "^18.0.0"
  }
}