docs(Toolbar - compat): outline React19 StrictMode limitations (#7544)

Lukas742 · web-flow · commit 2f59da5773b0 · 2025-07-29T11:07:20.000+02:00
diff --git a/packages/compat/src/components/Toolbar/index.tsx b/packages/compat/src/components/Toolbar/index.tsx
@@ -141,6 +141,8 @@ const OVERFLOW_BUTTON_WIDTH = 36 + 8 + 8; // width + padding end + spacing start
  * __Note:__ The overflow popover is mounted only when the overflow button is displayed, i.e., any child component of the popover will be remounted, when moved into it.
  *
  * __Note:__ To prevent duplicate child `id`s in the DOM, all child `id`s get an `-overflow` suffix. This is especially important when popovers are opened by id.
+ *
+ * __Note:__ When using React 19 with `StrictMode` enabled, overflow behavior may not work reliably. This only affects development mode, as `StrictMode` is not applied in production.
  */
 const Toolbar = forwardRef<HTMLDivElement, ToolbarPropTypes>((props, ref) => {
   const {

Original file line number	Diff line number	Diff line change
`@@ -141,6 +141,8 @@ const OVERFLOW_BUTTON_WIDTH = 36 + 8 + 8; // width + padding end + spacing start`
`141`	`141`	`* __Note:__ The overflow popover is mounted only when the overflow button is displayed, i.e., any child component of the popover will be remounted, when moved into it.`
`142`	`142`	`*`
`143`	`143`	* __Note:__ To prevent duplicate child `id`s in the DOM, all child `id`s get an `-overflow` suffix. This is especially important when popovers are opened by id.
	`144`	`+ *`
	`145`	+ * __Note:__ When using React 19 with `StrictMode` enabled, overflow behavior may not work reliably. This only affects development mode, as `StrictMode` is not applied in production.
`144`	`146`	`*/`
`145`	`147`	`const Toolbar = forwardRef<HTMLDivElement, ToolbarPropTypes>((props, ref) => {`
`146`	`148`	`const {`