useSize

Track the size of an element.

Installation

npm install @1hook/use-size

import { useSize } from '@1hook/use-size'

Observe an element:

function MyComponent() {
  const { ref, width, height } = useSize()

  return <div ref={ref}>...</div>
}

Provide default values:

const { ref, width = 0, height = 0 } = useSize()

The options for the useSize hook.

Prop	Type	Default
`onChange?`	`((size: Size) => void)`	-
`trackState?`	`boolean`	`true`

The return value of the useSize hook.