Skip to content

Javascript dependency: Bump use-resize-observer from 9.1.0 to 10.0.0 in /web - #10265

Open
dependabot[bot] wants to merge 1 commit into
masterfrom
dependabot/npm_and_yarn/web/use-resize-observer-10.0.0
Open

Javascript dependency: Bump use-resize-observer from 9.1.0 to 10.0.0 in /web#10265
dependabot[bot] wants to merge 1 commit into
masterfrom
dependabot/npm_and_yarn/web/use-resize-observer-10.0.0

Conversation

@dependabot

@dependabot dependabot Bot commented on behalf of github Aug 14, 2026

Copy link
Copy Markdown
Contributor

Bumps use-resize-observer from 9.1.0 to 10.0.0.

Release notes

Sourced from use-resize-observer's releases.

v10.0.0

10.0.0 (2026-07-31)

  • feat!: v10 — modernised toolchain, React 19 support, long-standing fixes (5647fab)

BREAKING CHANGES

  • named export only (no default), /polyfilled entrypoint removed, zero runtime dependencies (@​juggle/resize-observer dropped), react-dom no longer a peer, React >=18.2, ES2020 output (no IE11), and only the package root is importable. Full list with rationale in MIGRATION.md.

Toolchain (rebuilt end to end)

  • Build: rollup + babel → tsdown (ESM + CJS + type declarations).
  • Tests: jest + karma → Vitest in real browsers (Playwright), plus a WebdriverIO / BrowserStack suite on real desktop & mobile devices.
  • Lint / format: eslint + prettier → oxlint + oxfmt.
  • Package manager: yarn → pnpm; CI on Node 24 with OIDC trusted publishing.

Library

  • React 19 support (18 kept); open-ended peer range so future majors work without a release here.
  • onResize payload now carries the raw ResizeObserverEntry (every box size, entry.target), cross-window / iframe observation, and a measured 0 reports as 0 rather than undefined.

v10.0.0-alpha.3

10.0.0-alpha.3 (2026-07-31)

Bug Fixes

  • don't call onResize after the component unmounts (cffac3a)

v10.0.0-alpha.2

10.0.0-alpha.2 (2026-07-31)

Features

  • expose the raw ResizeObserverEntry in the onResize callback (148a985), closes #102

v10.0.0-alpha.1

10.0.0-alpha.1 (2026-07-30)

  • feat!: v10 — docs, npm provenance, Dependabot (aced5cc)

... (truncated)

Changelog

Sourced from use-resize-observer's changelog.

10.0.0 (2026-07-31)

  • feat!: v10 — modernised toolchain, React 19 support, long-standing fixes (5647fab)

BREAKING CHANGES

  • named export only (no default), /polyfilled entrypoint removed, zero runtime dependencies (@​juggle/resize-observer dropped), react-dom no longer a peer, React >=18.2, ES2020 output (no IE11), and only the package root is importable. Full list with rationale in MIGRATION.md.

Toolchain (rebuilt end to end)

  • Build: rollup + babel → tsdown (ESM + CJS + type declarations).
  • Tests: jest + karma → Vitest in real browsers (Playwright), plus a WebdriverIO / BrowserStack suite on real desktop & mobile devices.
  • Lint / format: eslint + prettier → oxlint + oxfmt.
  • Package manager: yarn → pnpm; CI on Node 24 with OIDC trusted publishing.

Library

  • React 19 support (18 kept); open-ended peer range so future majors work without a release here.
  • onResize payload now carries the raw ResizeObserverEntry (every box size, entry.target), cross-window / iframe observation, and a measured 0 reports as 0 rather than undefined.

10.0.0-alpha.3 (2026-07-31)

Bug Fixes

  • don't call onResize after the component unmounts (cffac3a)

10.0.0-alpha.2 (2026-07-31)

Features

  • expose the raw ResizeObserverEntry in the onResize callback (148a985), closes #102

10.0.0-alpha.1 (2026-07-30)

  • feat!: v10 — docs, npm provenance, Dependabot (aced5cc)

Bug Fixes

... (truncated)

Commits
  • 9b5f242 chore(release): 10.0.0 [skip ci]
  • 5647fab feat!: v10 — modernised toolchain, React 19 support, long-standing fixes
  • 465fbc1 chore: Update README.md to fix incorrect inlineSize/blockSize explanation.
  • b2592d8 Added FUNDING.yml
  • See full diff in compare view
Maintainer changes

This version was pushed to npm by GitHub Actions, a new releaser for use-resize-observer since your current version.

Install script changes

This version modifies prepare script that runs during installation. Review the package contents before updating.


Dependabot compatibility score

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.


Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

  • @dependabot rebase will rebase this PR
  • @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
  • @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
  • @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
  • @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Bumps [use-resize-observer](https://github.com/ZeeCoder/use-resize-observer) from 9.1.0 to 10.0.0.
- [Release notes](https://github.com/ZeeCoder/use-resize-observer/releases)
- [Changelog](https://github.com/ZeeCoder/use-resize-observer/blob/master/CHANGELOG.md)
- [Commits](ZeeCoder/use-resize-observer@v9.1.0...v10.0.0)

---
updated-dependencies:
- dependency-name: use-resize-observer
  dependency-version: 10.0.0
  dependency-type: direct:production
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>
@dependabot dependabot Bot added the Dependencies Pull requests that update a dependency file label Aug 14, 2026
@dpage

dpage commented Aug 14, 2026

Copy link
Copy Markdown
Contributor

Holding this one: it needs a source change alongside the bump, so it cannot go in as it stands.

use-resize-observer 10.0.0 removes the default export in favour of a named export only, and web/pgadmin/static/js/PgTreeView/index.jsx:19 currently does:

import useResizeObserver from 'use-resize-observer';

which yields undefined under v10 and blows up when the hook is called. The release also drops the /polyfilled entrypoint and @juggle/resize-observer, makes react-dom a non-peer and requires React >= 18.2, which is fine for us on React 19.

So the bump is worth having, it just needs the import switching to import { useResizeObserver } from 'use-resize-observer'; and a quick check that the object explorer still resizes correctly, since our JS tests do not cover that path.

@dpage

dpage commented Aug 17, 2026

Copy link
Copy Markdown
Contributor

Adding a note now that we have a worked example of exactly this failure mode.

pickr 1.10.1 went in as #10264 with a completely green JS board and broke every dialog carrying a colour field, because the package switched to a dual CJS/ESM build and _pickr.default stopped being a constructor. It had to be reverted in #10278. Neither Jest, eslint nor the webpack build can see that class of breakage, since it only fails when the component mounts, and the only job that mounts anything is run-feature-tests-pg.

This PR is the same shape of change: a package dropping its default export whilst we import it as a default. So to restate what it needs before merging:

  1. Change web/pgadmin/static/js/PgTreeView/index.jsx:19 from import useResizeObserver from 'use-resize-observer'; to the named form, import { useResizeObserver } from 'use-resize-observer';.
  2. Let run-feature-tests-pg complete on the updated branch, and treat a green JS-tests run on its own as insufficient.
  3. Check the Object Explorer actually resizes, since that is the behaviour the hook drives and no automated test covers it.

Worth doing, as v10 drops @juggle/resize-observer and the polyfill entrypoint, and we are on React 19 so the react >= 18.2 requirement is comfortably met.

dpage added a commit to dpage/pgadmin4 that referenced this pull request Aug 18, 2026
…gadmin-org#10265)

v10 removes the default export in favour of a named one, so the import in
PgTreeView had to change with it; left as it was, useResizeObserver resolves
to undefined and the Object Explorer dies when the hook is called. The rest of
the v10 changes cost us nothing: it drops the /polyfilled entrypoint and its
@juggle/resize-observer dependency, no longer takes react-dom as a peer, and
requires React >= 18.2, which is comfortably met on React 19. The hook still
returns the { ref, width, height } shape the tree destructures.

Verified by hand in Chrome and Safari with the tree expanded through
databases, schemas, tables and tablespaces, resizing the panel and the window.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Dependencies Pull requests that update a dependency file

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant