v11.0.0

What's Changed

• V11 by @snelsi in #254

⚠️ Migration guide

• The onResize function now receives a single object. Destructure width and height parameters as follows:

- onResize: (width, height) => {
+ onResize: ({ width, height, entry }) => {
    if (width && height) {
        ...
    }
}

When the element is mounted, width and height will always be numbers. When unmounted, they will be null.
Ensure to add null checks before accessing element dimensions to address TypeScript errors.

Note that entry, a ResizeObserverEntry triggered by ResizeObserver, is now accessible. This provides access to borderBoxSize, contentBoxSize, and target, useful for custom logic or calculating border/padding size.
Refer to the ResizeObserverEntry documentation.

• If observerOptions.box is set to border-box, the returned width and height from the useResizeDetector hook will include the padding and border size of the element. Default behavior remains unchanged - padding and border size are not included.

• Rename ReactResizeDetectorDimensions to Dimensions

- import type { ReactResizeDetectorDimensions } from "react-resize-detector/build/types/types"
+ import type { Dimensions } from "react-resize-detector"

Full Changelog: v10.0.0...v11.0.0

v10.0.0

⚠️ Breaking Changes

• Beginning with version 10, the library supports the useResizeObserver hook only
• Drop support for React 16 and 17

v10.0.0-beta.2

⚠️ Breaking Changes

• Drop support for React 16 and 17

What's Changed

• Cleanup example code
• Regenerate example dependencies using pnpm
• Remove outdated tests
• Update latest bundlephobia gzip size
• Update dev dependencies
• Add pnpm-lock.yaml to prettierignore
• Run prettier + lint-fix once
• Bump TS target to es6

Full Changelog: v10.0.0-beta.1...v10.0.0-beta.2

v10.0.0-beta.1

What's Changed

• Fix ref .current set by using a proxy by @hugo-vrijswijk in #249
• Update dependencies
• Remove unused ChildFunctionProps type export

New Contributors

• @hugo-vrijswijk made their first contribution in #249

Full Changelog: v9.1.1...v10.0.0-beta.1

v9.1.2-beta.0

What's Changed

• Fix ref .current set by using a proxy by @hugo-vrijswijk in #249

New Contributors

• @hugo-vrijswijk made their first contribution in #249

Full Changelog: v9.1.1...v9.1.2

v10.0.0-beta.0

We've streamlined the library by eliminating all methods except hooks.
Starting from this version the useResizeObserver hook is the only way to attach the observer.

v9.1.1

• fix useResizeDetector in React StrictMode #247

v9.1.0

useResizeDetector performance optimization and refactoring.
No API changes.

v9.0.0

This version introduces a new logic for the useResizeDetector hook.
The hook now stores the ref in the internal state, allowing us to handle ref changes.

There should be no breaking changes.
Now it's safe to delete refreshMode="debounce" refreshRate={0} props that many of you used as a workaround.

v8.0.4

What's Changed

• [233] Add null type fallback to targetRef by @snelsi in #234
• Chore/update dependencies by @snelsi in #235
• remove duplicate imports by @josiahsrc in #232

New Contributors

• @josiahsrc made their first contribution in #232

Full Changelog: v8.0.3...v8.0.4