Skip to content

fix(devtools-utils): Unmount Preact panels on Preact 11 - #551

Draft
KevinVandy wants to merge 3 commits into
mainfrom
chore/preact-11
Draft

KevinVandy wants to merge 3 commits into
mainfrom
chore/preact-11

Conversation

@KevinVandy

@KevinVandy KevinVandy commented Oct 10, 2026 •

Copy link
Copy Markdown
Member
  • createPreactPanel reads the panel's element when the effect runs and checks that saved value in the cleanup. It used to read devToolRef.current in the cleanup. Preact 11 clears refs before effect cleanups run, so on Preact 11 the panel never called unmount() on the devtools core.
  • Adds src/preact/panel.test.ts. It fails without the fix on Preact 11, and passes with it on Preact 10 and 11.
  • Patch changeset for @tanstack/devtools-utils.
  • The preact dev dependency goes to ^11.0.1 in preact-devtools and the Preact examples. devtools-utils and devtools-a11y get a preact ^11.0.1 dev dependency, so their tests run on Preact 11 rather than the auto-installed Preact 10 peer. The peer ranges are unchanged (>=10.0.0).

Notes

createReactPanel uses the same ref check in its cleanup. React also clears refs before passive effect cleanups, so it likely has the same leak. This PR doesn't change it, because the React panel has other in-progress changes.

🤖 Generated with Claude Code

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
@changeset-bot

changeset-bot Bot commented Oct 10, 2026 •

Copy link
Copy Markdown

🦋 Changeset detected

Latest commit: f1c68aa

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package
Name Type
@tanstack/devtools-utils Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@coderabbitai

coderabbitai Bot commented Oct 10, 2026

Copy link
Copy Markdown

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

  • Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@nx-cloud

nx-cloud Bot commented Oct 10, 2026 •

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit d8609b2

Command Status Duration Result
nx run-many --target=test:e2e --parallel=1 --pr... ✅ Succeeded 1m 11s View ↗
nx affected --targets=test:eslint,test:sherif,t... ✅ Succeeded 14s View ↗
nx run-many --targets=build --exclude=examples/... ✅ Succeeded 1s View ↗

☁️ Nx Cloud last updated this comment at 2026-10-10 04:07:32 UTC

@pkg-pr-new

pkg-pr-new Bot commented Oct 10, 2026 •

Copy link
Copy Markdown
More templates

@tanstack/angular-devtools

npm i https://pkg.pr.new/@tanstack/angular-devtools@551

@tanstack/devtools

npm i https://pkg.pr.new/@tanstack/devtools@551

@tanstack/devtools-a11y

npm i https://pkg.pr.new/@tanstack/devtools-a11y@551

@tanstack/devtools-bundler-core

npm i https://pkg.pr.new/@tanstack/devtools-bundler-core@551

@tanstack/devtools-client

npm i https://pkg.pr.new/@tanstack/devtools-client@551

@tanstack/devtools-rspack

npm i https://pkg.pr.new/@tanstack/devtools-rspack@551

@tanstack/devtools-ui

npm i https://pkg.pr.new/@tanstack/devtools-ui@551

@tanstack/devtools-utils

npm i https://pkg.pr.new/@tanstack/devtools-utils@551

@tanstack/devtools-vite

npm i https://pkg.pr.new/@tanstack/devtools-vite@551

@tanstack/devtools-webmcp

npm i https://pkg.pr.new/@tanstack/devtools-webmcp@551

@tanstack/devtools-event-bus

npm i https://pkg.pr.new/@tanstack/devtools-event-bus@551

@tanstack/devtools-event-client

npm i https://pkg.pr.new/@tanstack/devtools-event-client@551

@tanstack/preact-devtools

npm i https://pkg.pr.new/@tanstack/preact-devtools@551

@tanstack/react-devtools

npm i https://pkg.pr.new/@tanstack/react-devtools@551

@tanstack/solid-devtools

npm i https://pkg.pr.new/@tanstack/solid-devtools@551

@tanstack/svelte-devtools

npm i https://pkg.pr.new/@tanstack/svelte-devtools@551

@tanstack/vue-devtools

npm i https://pkg.pr.new/@tanstack/vue-devtools@551

commit: f1c68aa

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
@socket-security

socket-security Bot commented Oct 10, 2026 •

Copy link
Copy Markdown

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Updatedpreact@​10.29.1 ⏵ 11.0.1100 +1100100 +196100

View full report

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant