@mui/x-tree-view 9.6.0 → 9.7.0

package/CHANGELOG.md

@@ -1,5 +1,115 @@
 # Changelog
 
+## 9.7.0
+
+_Jun 25, 2026_
+
+We'd like to extend a big thank you to the 13 contributors who made this release possible. Here are some highlights ✨:
+
+- 🐞 Bugfixes
+- 📚 Documentation improvements
+
+Special thanks go out to these community members for their valuable contributions:
+@Anexus5919, @mustafajw07
+
+The following team members contributed to this release:
+@alexfauquette, @arminmeh, @brijeshb42, @Janpot, @JCQuintas, @LukasTy, @MBilalShafi, @michelengelen, @romgrk, @sai6855, @siriwatknp
+
+### Data Grid
+
+#### `@mui/x-data-grid@9.7.0`
+
+- [DataGrid] Fix `CustomColumnMenuGrid` demo crashing (#22897) @sai6855
+- [DataGrid] Fix crash in `getRowValue` when `colDef` is `undefined` (#22838) @LukasTy
+- [DataGrid] Fix `longText` expand button submitting surrounding form (#22450) @siriwatknp
+- [DataGrid] Remove filename ignore list from `removePropTypesPlugin` in Babel config (#22727) @sai6855
+- [DataGrid] Deduplicate scroll-preserving focus logic (#22916) @sai6855
+- [DataGrid] Fix `singleSelect` clearing to use empty string instead of `null` (#22881) @michelengelen
+- [DataGrid] Wait for rows before reacting on `autosizeOnMount` (#22698) @MBilalShafi
+
+#### `@mui/x-data-grid-pro@9.7.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-data-grid@9.7.0`.
+
+#### `@mui/x-data-grid-premium@9.7.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-data-grid-pro@9.7.0`.
+
+### Date and Time Pickers
+
+#### `@mui/x-date-pickers@9.7.0`
+
+- [fields] Announce cardinal day in the day section `aria-valuetext` (#22922) @LukasTy
+- [fields] Avoid focusing the field on blank space clicks (#22285) @LukasTy
+- [pickers] Commit `TimeClock` value when the drag ends outside the clock (#22877) @LukasTy
+- [pickers] Respect explicit `notched` prop on the outlined PickersTextField (#22875) @LukasTy
+
+#### `@mui/x-date-pickers-pro@9.7.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-date-pickers@9.7.0`.
+
+### Charts
+
+#### `@mui/x-charts@9.7.0`
+
+- [charts] Add demo for displaying the sum of all values from the stacked series on top of the stacked bars (#22879) @sai6855
+- [charts] Add `zAxis` custom scatter component demo (#22746) @mustafajw07
+- [charts] Apply axis `colorMap` to radial bar fill (#22800) @JCQuintas
+- [charts] Simplify classes type (#22626) @alexfauquette
+- [charts] Stable progressive scatter batching + responsive zoom/pan (#22862) @JCQuintas
+- [charts] Strip dev-only console diagnostics from production (#22917) @sai6855
+- [docs] Fix scatter renderer table blocking column (#22904) @JCQuintas
+- [docs] Make `ScatterAsyncRenderer` button bar responsive (#22905) @JCQuintas
+
+#### `@mui/x-charts-pro@9.7.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-charts@9.7.0`.
+
+#### `@mui/x-charts-premium@9.7.0` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-charts-pro@9.7.0`.
+
+### Tree View
+
+#### `@mui/x-tree-view@9.7.0`
+
+Internal changes.
+
+#### `@mui/x-tree-view-pro@9.7.0` [![pro](https://mui.com/r/x-pro-svg)](https://mui.com/r/x-pro-svg-link 'Pro plan')
+
+Same changes as in `@mui/x-tree-view@9.7.0`.
+
+### Scheduler
+
+#### `@mui/x-scheduler@9.0.0-beta.3`
+
+- [scheduler] Highlight only the edited occurrence of a recurring event (#22873) @Anexus5919
+
+#### `@mui/x-scheduler-premium@9.0.0-beta.3` [![premium](https://mui.com/r/x-premium-svg)](https://mui.com/r/x-premium-svg-link 'Premium plan')
+
+Same changes as in `@mui/x-scheduler@9.0.0-beta.3`.
+
+### Codemod
+
+#### `@mui/x-codemod@9.7.0`
+
+Internal changes.
+
+### Core
+
+- [code-infra] Fix react@^18 CI failing on nanoid trust-downgrade (#22923) @LukasTy
+- [code-infra] Reduce Netlify build parallelism to 2 (#22925) @LukasTy
+- [code-infra] Use Turbopack for docs in dev (#22882) @brijeshb42
+- [docs-infra] Pre-render API page descriptions (#22919) @brijeshb42
+- [internal] Use `@base-ui/utils/platform` for platform detection (#22710) @romgrk
+- [internal] Enforce top-level type imports (#22679) @Janpot
+
+### Miscellaneous
+
+- [internal] Enable mui/no-floating-cleanup and fix leaks (#22872) @romgrk
+- [infra] Update `.gitignore` to exclude `.claude` sub-directories (#22435) @michelengelen
+- [virtualizer] Improve the dimensions' initial state (#22885) @arminmeh
+
 ## 9.6.0
 
 _Jun 18, 2026_
@@ -115,7 +225,7 @@ Same changes as in `@mui/x-scheduler@9.0.0-beta.2`, plus:
 
 - [scheduler-premium] Expose premium model types through public API (#22798) @mustafajw07
 - [scheduler-premium] Remove non-functional `onPreferencesChange` prop from `EventTimelinePremium` (#22777) @rita-codes
-- [scheduler-premium] Validate the `FREQ` value in `parseRRule`] (#22786) @rita-codes 
+- [scheduler-premium] Validate the `FREQ` value in `parseRRule`] (#22786) @rita-codes
 
 ### Codemod
 

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v9.6.0
+ * @mui/x-tree-view v9.7.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/index.mjs

@@ -1,5 +1,5 @@
 /**
- * @mui/x-tree-view v9.6.0
+ * @mui/x-tree-view v9.7.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/MinimalTreeViewStore/MinimalTreeViewStore.d.mts

@@ -1,4 +1,5 @@
 import { Store } from '@mui/x-internals/store';
+import { disposeSymbol } from '@mui/x-internals/disposable';
 import { MinimalTreeViewParameters, TreeViewParametersToStateMapper, MinimalTreeViewState } from "./MinimalTreeViewStore.types.mjs";
 import { TreeViewValidItem } from "../../models/index.mjs";
 import { TimeoutManager } from "./TimeoutManager.mjs";
@@ -12,6 +13,7 @@ import { TreeViewEventEvent, TreeViewEventListener, TreeViewEventParameters, Tre
 export declare class MinimalTreeViewStore<R extends TreeViewValidItem<R>, Multiple extends boolean | undefined, State extends MinimalTreeViewState<R, Multiple> = MinimalTreeViewState<R, Multiple>, Parameters extends MinimalTreeViewParameters<R, Multiple> = MinimalTreeViewParameters<R, Multiple>> extends Store<State> {
   private initialParameters;
   private mapper;
+  readonly disposables: DisposableStack;
   private eventManager;
   instanceName: string;
   parameters: Parameters;
@@ -67,9 +69,17 @@ export declare class MinimalTreeViewStore<R extends TreeViewValidItem<R>, Multip
    */
   updateStateFromParameters(parameters: Parameters): void;
   /**
-   * Returns a cleanup function that need to be called when the store is destroyed.
+   * Runs mount-time side effects that must not happen during render (the store
+   * is created during render by `useDisposable`). No-op by default; overridden
+   * by stores that kick off work on mount (e.g. lazy-loading fetches). Safe to
+   * call more than once (StrictMode replays mount effects).
    */
-  disposeEffect: () => () => void;
+  mountEffect: () => void;
+  /**
+   * Disposes the store synchronously when the component unmounts. `useDisposable`
+   * handles React StrictMode's simulated unmount, so this runs once on real unmount.
+   */
+  [disposeSymbol](): void;
   /**
    * Whether updates based on `props.items` change should be ignored.
    */

package/internals/MinimalTreeViewStore/MinimalTreeViewStore.d.ts

@@ -1,4 +1,5 @@
 import { Store } from '@mui/x-internals/store';
+import { disposeSymbol } from '@mui/x-internals/disposable';
 import { MinimalTreeViewParameters, TreeViewParametersToStateMapper, MinimalTreeViewState } from "./MinimalTreeViewStore.types.js";
 import { TreeViewValidItem } from "../../models/index.js";
 import { TimeoutManager } from "./TimeoutManager.js";
@@ -12,6 +13,7 @@ import { TreeViewEventEvent, TreeViewEventListener, TreeViewEventParameters, Tre
 export declare class MinimalTreeViewStore<R extends TreeViewValidItem<R>, Multiple extends boolean | undefined, State extends MinimalTreeViewState<R, Multiple> = MinimalTreeViewState<R, Multiple>, Parameters extends MinimalTreeViewParameters<R, Multiple> = MinimalTreeViewParameters<R, Multiple>> extends Store<State> {
   private initialParameters;
   private mapper;
+  readonly disposables: DisposableStack;
   private eventManager;
   instanceName: string;
   parameters: Parameters;
@@ -67,9 +69,17 @@ export declare class MinimalTreeViewStore<R extends TreeViewValidItem<R>, Multip
    */
   updateStateFromParameters(parameters: Parameters): void;
   /**
-   * Returns a cleanup function that need to be called when the store is destroyed.
+   * Runs mount-time side effects that must not happen during render (the store
+   * is created during render by `useDisposable`). No-op by default; overridden
+   * by stores that kick off work on mount (e.g. lazy-loading fetches). Safe to
+   * call more than once (StrictMode replays mount effects).
    */
-  disposeEffect: () => () => void;
+  mountEffect: () => void;
+  /**
+   * Disposes the store synchronously when the component unmounts. `useDisposable`
+   * handles React StrictMode's simulated unmount, so this runs once on real unmount.
+   */
+  [disposeSymbol](): void;
   /**
    * Whether updates based on `props.items` change should be ignored.
    */

package/internals/MinimalTreeViewStore/MinimalTreeViewStore.js

@@ -9,6 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _store = require("@mui/x-internals/store");
 var _warning = require("@mui/x-internals/warning");
 var _EventManager = require("@mui/x-internals/EventManager");
+var _disposable = require("@mui/x-internals/disposable");
 var _MinimalTreeViewStore = require("./MinimalTreeViewStore.utils");
 var _TimeoutManager = require("./TimeoutManager");
 var _keyboardNavigation = require("../plugins/keyboardNavigation");
@@ -19,8 +20,13 @@ var _expansion = require("../plugins/expansion");
 var _TreeViewItemPluginManager = require("./TreeViewItemPluginManager");
 class MinimalTreeViewStore extends _store.Store {
   initialParameters = null;
-  eventManager = new _EventManager.EventManager();
-  timeoutManager = new _TimeoutManager.TimeoutManager();
+  // Owns the store's teardown. Declared first so the resources below register
+  // against it during field initialization; disposed by `useDisposable` on
+  // unmount (see `[disposeSymbol]`). `public` so plugins can register their own
+  // subscriptions against it (hidden from the context store type).
+  disposables = new _disposable.DisposableStack();
+  eventManager = this.disposables.adopt(new _EventManager.EventManager(), manager => manager.removeAllListeners());
+  timeoutManager = this.disposables.adopt(new _TimeoutManager.TimeoutManager(), manager => manager.clearAll());
   itemPluginManager = new _TreeViewItemPluginManager.TreeViewItemPluginManager();
   constructor(parameters, instanceName, mapper) {
     const minimalInitialState = (0, _MinimalTreeViewStore.createMinimalInitialState)(parameters);
@@ -83,11 +89,29 @@ class MinimalTreeViewStore extends _store.Store {
   }
 
   /**
-   * Returns a cleanup function that need to be called when the store is destroyed.
+   * Runs mount-time side effects that must not happen during render (the store
+   * is created during render by `useDisposable`). No-op by default; overridden
+   * by stores that kick off work on mount (e.g. lazy-loading fetches). Safe to
+   * call more than once (StrictMode replays mount effects).
    */
-  disposeEffect = () => {
-    return this.timeoutManager.clearAll;
-  };
+  mountEffect = () => {};
+
+  /**
+   * Disposes the store synchronously when the component unmounts. `useDisposable`
+   * handles React StrictMode's simulated unmount, so this runs once on real unmount.
+   */
+  [_disposable.disposeSymbol]() {
+    if (this.disposables.disposed) {
+      return;
+    }
+    try {
+      this.disposables.dispose();
+    } catch (error) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.error('MUI X Tree View: error while disposing the store.', ...(0, _disposable.unwrapSuppressedErrors)(error));
+      }
+    }
+  }
 
   /**
    * Whether updates based on `props.items` change should be ignored.
@@ -101,13 +125,13 @@ class MinimalTreeViewStore extends _store.Store {
    */
   registerStoreEffect = (selector, effect) => {
     let previousValue = selector(this.state);
-    this.subscribe(state => {
+    this.disposables.defer(this.subscribe(state => {
       const nextValue = selector(state);
       if (nextValue !== previousValue) {
         effect(previousValue, nextValue);
         previousValue = nextValue;
       }
-    });
+    }));
   };
 
   /**

package/internals/MinimalTreeViewStore/MinimalTreeViewStore.mjs

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { Store } from '@mui/x-internals/store';
 import { warnOnce } from '@mui/x-internals/warning';
 import { EventManager } from '@mui/x-internals/EventManager';
+import { DisposableStack, disposeSymbol, unwrapSuppressedErrors } from '@mui/x-internals/disposable';
 import { createMinimalInitialState, createTreeViewDefaultId, deriveStateFromParameters } from "./MinimalTreeViewStore.utils.mjs";
 import { TimeoutManager } from "./TimeoutManager.mjs";
 import { TreeViewKeyboardNavigationPlugin } from "../plugins/keyboardNavigation/index.mjs";
@@ -12,8 +13,13 @@ import { TreeViewExpansionPlugin } from "../plugins/expansion/index.mjs";
 import { TreeViewItemPluginManager } from "./TreeViewItemPluginManager.mjs";
 export class MinimalTreeViewStore extends Store {
   initialParameters = null;
-  eventManager = new EventManager();
-  timeoutManager = new TimeoutManager();
+  // Owns the store's teardown. Declared first so the resources below register
+  // against it during field initialization; disposed by `useDisposable` on
+  // unmount (see `[disposeSymbol]`). `public` so plugins can register their own
+  // subscriptions against it (hidden from the context store type).
+  disposables = new DisposableStack();
+  eventManager = this.disposables.adopt(new EventManager(), manager => manager.removeAllListeners());
+  timeoutManager = this.disposables.adopt(new TimeoutManager(), manager => manager.clearAll());
   itemPluginManager = new TreeViewItemPluginManager();
   constructor(parameters, instanceName, mapper) {
     const minimalInitialState = createMinimalInitialState(parameters);
@@ -76,11 +82,29 @@ export class MinimalTreeViewStore extends Store {
   }
 
   /**
-   * Returns a cleanup function that need to be called when the store is destroyed.
+   * Runs mount-time side effects that must not happen during render (the store
+   * is created during render by `useDisposable`). No-op by default; overridden
+   * by stores that kick off work on mount (e.g. lazy-loading fetches). Safe to
+   * call more than once (StrictMode replays mount effects).
    */
-  disposeEffect = () => {
-    return this.timeoutManager.clearAll;
-  };
+  mountEffect = () => {};
+
+  /**
+   * Disposes the store synchronously when the component unmounts. `useDisposable`
+   * handles React StrictMode's simulated unmount, so this runs once on real unmount.
+   */
+  [disposeSymbol]() {
+    if (this.disposables.disposed) {
+      return;
+    }
+    try {
+      this.disposables.dispose();
+    } catch (error) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.error('MUI X Tree View: error while disposing the store.', ...unwrapSuppressedErrors(error));
+      }
+    }
+  }
 
   /**
    * Whether updates based on `props.items` change should be ignored.
@@ -94,13 +118,13 @@ export class MinimalTreeViewStore extends Store {
    */
   registerStoreEffect = (selector, effect) => {
     let previousValue = selector(this.state);
-    this.subscribe(state => {
+    this.disposables.defer(this.subscribe(state => {
       const nextValue = selector(state);
       if (nextValue !== previousValue) {
         effect(previousValue, nextValue);
         previousValue = nextValue;
       }
-    });
+    }));
   };
 
   /**

package/internals/TreeViewProvider/TreeViewProvider.types.d.mts

@@ -1,10 +1,11 @@
 import * as React from 'react';
+import { disposeSymbol } from '@mui/x-internals/disposable';
 import { TreeItemWrapper, TreeViewItemPluginResponse, TreeViewPublicAPI, TreeViewAnyStore } from "../models/index.mjs";
 import type { TreeItemProps } from "../../TreeItem/TreeItem.types.mjs";
 import { TreeViewClasses, TreeViewSlotProps, TreeViewSlots } from "./TreeViewStyleContext.mjs";
 import { UseTreeViewBuildContextParameters } from "./useTreeViewBuildContext.mjs";
 export type TreeViewItemPluginsRunner = (props: TreeItemProps) => Required<TreeViewItemPluginResponse>;
-export type TreeViewStoreInContext<TStore extends TreeViewAnyStore> = Omit<TStore, 'setState' | 'update' | 'set' | 'updateStateFromParameters' | 'disposeEffect' | 'registerStoreEffect' | 'itemPluginManager' | 'parameters'>;
+export type TreeViewStoreInContext<TStore extends TreeViewAnyStore> = Omit<TStore, 'setState' | 'update' | 'set' | 'updateStateFromParameters' | 'disposables' | typeof disposeSymbol | 'mountEffect' | 'registerStoreEffect' | 'itemPluginManager' | 'parameters'>;
 export interface TreeViewContextValue<TStore extends TreeViewAnyStore> {
   publicAPI: TreeViewPublicAPI<TStore>;
   store: TreeViewStoreInContext<TStore>;

package/internals/TreeViewProvider/TreeViewProvider.types.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
+import { disposeSymbol } from '@mui/x-internals/disposable';
 import { TreeItemWrapper, TreeViewItemPluginResponse, TreeViewPublicAPI, TreeViewAnyStore } from "../models/index.js";
 import type { TreeItemProps } from "../../TreeItem/TreeItem.types.js";
 import { TreeViewClasses, TreeViewSlotProps, TreeViewSlots } from "./TreeViewStyleContext.js";
 import { UseTreeViewBuildContextParameters } from "./useTreeViewBuildContext.js";
 export type TreeViewItemPluginsRunner = (props: TreeItemProps) => Required<TreeViewItemPluginResponse>;
-export type TreeViewStoreInContext<TStore extends TreeViewAnyStore> = Omit<TStore, 'setState' | 'update' | 'set' | 'updateStateFromParameters' | 'disposeEffect' | 'registerStoreEffect' | 'itemPluginManager' | 'parameters'>;
+export type TreeViewStoreInContext<TStore extends TreeViewAnyStore> = Omit<TStore, 'setState' | 'update' | 'set' | 'updateStateFromParameters' | 'disposables' | typeof disposeSymbol | 'mountEffect' | 'registerStoreEffect' | 'itemPluginManager' | 'parameters'>;
 export interface TreeViewContextValue<TStore extends TreeViewAnyStore> {
   publicAPI: TreeViewPublicAPI<TStore>;
   store: TreeViewStoreInContext<TStore>;

package/internals/hooks/useTreeViewStore.js

@@ -7,21 +7,24 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTreeViewStore = useTreeViewStore;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _useRefWithInit = require("@base-ui/utils/useRefWithInit");
 var _useIsoLayoutEffect = require("@base-ui/utils/useIsoLayoutEffect");
 var _useOnMount = require("@base-ui/utils/useOnMount");
+var _useDisposable = require("@mui/x-internals/useDisposable");
 var _RtlProvider = require("@mui/system/RtlProvider");
 /**
  * Creates a Tree View store and keep it in sync with the provided parameters.
  */
 function useTreeViewStore(StoreClass, parameters) {
   const isRtl = (0, _RtlProvider.useRtl)();
-  const store = (0, _useRefWithInit.useRefWithInit)(() => new StoreClass((0, _extends2.default)({}, parameters, {
+  const store = (0, _useDisposable.useDisposable)(() => new StoreClass((0, _extends2.default)({}, parameters, {
     isRtl
-  }))).current;
+  })));
   (0, _useIsoLayoutEffect.useIsoLayoutEffect)(() => store.updateStateFromParameters((0, _extends2.default)({}, parameters, {
     isRtl
   })), [store, isRtl, parameters]);
-  (0, _useOnMount.useOnMount)(store.disposeEffect);
+
+  // Mount-time side effects (e.g. kicking off lazy-loading fetches). The store is
+  // created during render by `useDisposable`, so these can't run in the factory.
+  (0, _useOnMount.useOnMount)(store.mountEffect);
   return store;
 }

package/internals/hooks/useTreeViewStore.mjs

@@ -1,21 +1,24 @@
 'use client';
 
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { useRefWithInit } from '@base-ui/utils/useRefWithInit';
 import { useIsoLayoutEffect } from '@base-ui/utils/useIsoLayoutEffect';
 import { useOnMount } from '@base-ui/utils/useOnMount';
+import { useDisposable } from '@mui/x-internals/useDisposable';
 import { useRtl } from '@mui/system/RtlProvider';
 /**
  * Creates a Tree View store and keep it in sync with the provided parameters.
  */
 export function useTreeViewStore(StoreClass, parameters) {
   const isRtl = useRtl();
-  const store = useRefWithInit(() => new StoreClass(_extends({}, parameters, {
+  const store = useDisposable(() => new StoreClass(_extends({}, parameters, {
     isRtl
-  }))).current;
+  })));
   useIsoLayoutEffect(() => store.updateStateFromParameters(_extends({}, parameters, {
     isRtl
   })), [store, isRtl, parameters]);
-  useOnMount(store.disposeEffect);
+
+  // Mount-time side effects (e.g. kicking off lazy-loading fetches). The store is
+  // created during render by `useDisposable`, so these can't run in the factory.
+  useOnMount(store.mountEffect);
   return store;
 }

package/internals/plugins/focus/TreeViewFocusPlugin.js

@@ -17,7 +17,7 @@ class TreeViewFocusPlugin {
     // Whenever the items change, we need to ensure the focused item is still present.
     // If the focused item was removed, focus the closest neighbor instead of the first item.
     let previousState = store.state;
-    this.store.subscribe(newState => {
+    this.store.disposables.defer(this.store.subscribe(newState => {
       // Only run when items actually changed.
       if (newState.itemMetaLookup === previousState.itemMetaLookup) {
         previousState = newState;
@@ -36,7 +36,7 @@ class TreeViewFocusPlugin {
         this.applyItemFocus(null, itemToFocusId);
       }
       previousState = newState;
-    });
+    }));
   }
   setFocusedItemId = itemId => {
     const focusedItemId = _selectors.focusSelectors.focusedItemId(this.store.state);

package/internals/plugins/focus/TreeViewFocusPlugin.mjs

@@ -11,7 +11,7 @@ export class TreeViewFocusPlugin {
     // Whenever the items change, we need to ensure the focused item is still present.
     // If the focused item was removed, focus the closest neighbor instead of the first item.
     let previousState = store.state;
-    this.store.subscribe(newState => {
+    this.store.disposables.defer(this.store.subscribe(newState => {
       // Only run when items actually changed.
       if (newState.itemMetaLookup === previousState.itemMetaLookup) {
         previousState = newState;
@@ -30,7 +30,7 @@ export class TreeViewFocusPlugin {
         this.applyItemFocus(null, itemToFocusId);
       }
       previousState = newState;
-    });
+    }));
   }
   setFocusedItemId = itemId => {
     const focusedItemId = focusSelectors.focusedItemId(this.store.state);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-tree-view",
-  "version": "9.6.0",
+  "version": "9.7.0",
   "author": "MUI Team",
   "description": "The community edition of the MUI X Tree View components.",
   "license": "MIT",
@@ -32,13 +32,13 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@base-ui/utils": "^0.2.9",
-    "@mui/utils": "^9.0.1",
+    "@base-ui/utils": "^0.3.0",
+    "@mui/utils": "^9.1.1",
     "@types/react-transition-group": "^4.4.12",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "react-transition-group": "^4.4.5",
-    "@mui/x-internals": "^9.6.0"
+    "@mui/x-internals": "^9.7.0"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",