So react-use-dimensions will measure your rendered elements in place.
But react-use-real-dimensions will measure your elements in isolation, unconstrained by the rest of the page layout.
Text in a 100px wide box:
react-use-dimensions - width: , height:
react-use-real-dimensions - width: , height:
npm install react-use-real-dimensions --save
Use it just like react-use-dimensions.