[devtool] bump base-ui to 1.0.0-beta.2

package.json

@@ -307,8 +307,7 @@
       "[email protected]": "patches/[email protected]",
       "@ampproject/[email protected]": "patches/@[email protected]",
       "@types/[email protected]": "patches/@[email protected]",
-      "[email protected]": "patches/[email protected]",
-      "@base-ui-components/[email protected]": "patches/@[email protected]"
+      "[email protected]": "patches/[email protected]"
     }
   }
 }

packages/next/package.json

@@ -160,7 +160,7 @@
     "@babel/runtime": "7.27.0",
     "@babel/traverse": "7.27.0",
     "@babel/types": "7.27.0",
-    "@base-ui-components/react": "1.0.0-beta.1",
+    "@base-ui-components/react": "1.0.0-beta.2",
     "@capsizecss/metrics": "3.4.0",
     "@edge-runtime/cookies": "6.0.0",
     "@edge-runtime/ponyfill": "4.0.0",

packages/next/src/next-devtools/dev-overlay/components/overview/segment-boundary-trigger.tsx

@@ -37,7 +37,6 @@ export function SegmentBoundaryTrigger({
     const portalNode = ownerDocument.querySelector('nextjs-portal')!
     return portalNode.shadowRoot! as ShadowRoot
   })
-  const shadowRootRef = useRef<ShadowRoot>(shadowRoot)
   const triggerRef = useRef<HTMLButtonElement>(null)
   const popupRef = useRef<HTMLDivElement>(null)
 
@@ -164,8 +163,7 @@ export function SegmentBoundaryTrigger({
         disabled={!hasBoundary}
       />
 
-      {/* @ts-expect-error remove this expect-error once shadowRoot is supported as container */}
-      <Menu.Portal container={shadowRootRef}>
+      <Menu.Portal container={shadowRoot}>
         <Menu.Positioner
           className="segment-boundary-dropdown-positioner"
           side="bottom"

packages/next/src/next-devtools/dev-overlay/components/tooltip/tooltip.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useRef, useState } from 'react'
+import { forwardRef, useState } from 'react'
 import { Tooltip as BaseTooltip } from '@base-ui-components/react/tooltip'
 import { cx } from '../../utils/cx'
 import './tooltip.css'
@@ -31,7 +31,6 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
       const portalNode = ownerDocument.querySelector('nextjs-portal')!
       return portalNode.shadowRoot! as ShadowRoot
     })
-    const shadowRootRef = useRef<ShadowRoot>(shadowRoot)
     if (!title) {
       return children
     }
@@ -45,9 +44,7 @@ export const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(
             }}
           />
 
-          {/* x-ref: https://github.com/mui/base-ui/issues/2224 */}
-          {/* @ts-expect-error remove this expect-error once shadowRoot is supported as container */}
-          <BaseTooltip.Portal container={shadowRootRef}>
+          <BaseTooltip.Portal container={shadowRoot}>
             <BaseTooltip.Positioner
               side={direction}
               sideOffset={offset + arrowSize}