useDimensionsRef

import { useDimensionsRef } from "rooks";
 
export default function App() {
  const [ref, dimensions, node] = useDimensionsRef();
 
  return (
    <div className="App">
      <h1>useDimensionsRef example</h1>
      <div
        ref={ref}
        style={{
          border: "2px solid black",
          width: "200px",
          height: "200px",
        }}
      >
        dimensions.height: {dimensions?.height}px
        <br />
        dimensions.width: {dimensions?.width}px
      </div>
    </div>
  );
}