Bacancy Technology

Bacancy Technology represents the connected world, offering innovative and customer-centric information technology experiences, enabling Enterprises, Associates and the Society to Rise™.

12+

Countries where we have happy customers

1050+

Agile enabled employees

World wide offices

12+

Years of Experience

Agile Coaches

Certified Scrum Masters

1000+

Clients projects

1458

Happy customers

ReactJS

November 8, 2023

When increasing or decreasing window size using react-pdf, I get this error “TypeError: Cannot read property ‘getBoundingClientRect’ of null”

In order to resolve the error “TypeError: Cannot read property ‘getBoundingClientRect’ of null”, you’ll need to make some adjustments in your code. Specifically, ensure that ‘pdfWrapper’ exists and has a ‘current’ property before using it, as demonstrated in the below code snippet:

const setPdfSize = () => {
   // check if 'pdfWrapper' exists and has a 'current' property before using it
    if (pdfWrapper?.current) { 
      setInitialWidth(pdfWrapper.current.getBoundingClientRect().width);
    }
  };