mui · Janpot · Nov 28, 2025 · Nov 28, 2025 · Nov 28, 2025 · Nov 28, 2025
@@ -83,6 +83,13 @@ export default defineConfig(
       'react-hooks/refs': 'off',
     },
   },
+  {
+    files: [`packages/**/*${EXTENSION_TS}`],
+    ignores: [`**/*${EXTENSION_TEST_FILE}`, `**/*.spec${EXTENSION_TS}`],
+    rules: {
+      'material-ui/disallow-react-api-in-server-components': ['error'],
+    },
+  },
   {
     files: [
       // matching the pattern of the test runner

@@ -61,7 +61,7 @@
     "@babel/plugin-transform-react-constant-elements": "^7.27.1",
     "@base-ui-components/monorepo-tests": "workspace:*",
     "@mui/internal-netlify-cache": "^0.0.2-canary.1",
-    "@mui/internal-code-infra": "^0.0.3-canary.49",
+    "@mui/internal-code-infra": "https://pkg.pr.new/mui/mui-public/@mui/internal-code-infra@e49bf36",
     "@mui/internal-test-utils": "^2.0.15",
     "@next/eslint-plugin-next": "15.5.6",
     "@octokit/rest": "^22.0.1",

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface ComboboxChipContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface ComboboxChipsContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface ComboboxGroupContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface ComboboxItemContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export const ComboboxPortalContext = React.createContext<boolean | undefined>(undefined);

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { ComboboxStore } from '../store';
 import type { FloatingRootContext } from '../../floating-ui-react';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export const ComboboxRowContext = React.createContext(false);

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import type { ContextMenuRoot } from './ContextMenuRoot';
 

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export const DialogPortalContext = React.createContext<boolean | undefined>(undefined);

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface FieldItemContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as ReactDOM from 'react-dom';
 import { useIsoLayoutEffect } from '@base-ui-components/utils/useIsoLayoutEffect';
 import { useStableCallback } from '@base-ui-components/utils/useStableCallback';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useTimeout, Timeout } from '@base-ui-components/utils/useTimeout';
 import { useIsoLayoutEffect } from '@base-ui-components/utils/useIsoLayoutEffect';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { tabbable, isTabbable, focusable, type FocusableElement } from 'tabbable';
 import { getNodeName, isHTMLElement } from '@floating-ui/utils/dom';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { isNode } from '@floating-ui/utils/dom';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 import { useId } from '@base-ui-components/utils/useId';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { getWindow } from '@floating-ui/utils/dom';
 import { useStableCallback } from '@base-ui-components/utils/useStableCallback';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { getOverflowAncestors } from '@floating-ui/react-dom';
 import {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useFloating as usePosition, type VirtualElement } from '@floating-ui/react-dom';
 import { isElement } from '@floating-ui/utils/dom';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { isElement } from '@floating-ui/utils/dom';
 import { useStableCallback } from '@base-ui-components/utils/useStableCallback';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { getWindow, isElement, isHTMLElement } from '@floating-ui/utils/dom';
 import { isMac, isSafari } from '@base-ui-components/utils/detectBrowser';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { isElement } from '@floating-ui/utils/dom';
 import { useTimeout } from '@base-ui-components/utils/useTimeout';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { isElement } from '@floating-ui/utils/dom';
 import { useStableCallback } from '@base-ui-components/utils/useStableCallback';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useTimeout } from '@base-ui-components/utils/useTimeout';
 

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { isElement } from '@floating-ui/utils/dom';
 import { useValueAsRef } from '@base-ui-components/utils/useValueAsRef';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { isHTMLElement } from '@floating-ui/utils/dom';
 import { useValueAsRef } from '@base-ui-components/utils/useValueAsRef';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useStableCallback } from '@base-ui-components/utils/useStableCallback';
 import { useIsoLayoutEffect } from '@base-ui-components/utils/useIsoLayoutEffect';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface MenuCheckboxItemContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface MenuGroupContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export const MenuPortalContext = React.createContext<boolean | undefined>(undefined);

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import type { MenuRoot } from '../root/MenuRoot';
 

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface MenuRadioItemContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { MenuStore } from '../store/MenuStore';
 

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface NavigationMenuItemContextValue {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import type { ElementProps } from '../../floating-ui-react';
 

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export const NavigationMenuPortalContext = React.createContext<boolean | undefined>(undefined);

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import type { FloatingRootContext } from '../../floating-ui-react';
 import type { TransitionStatus } from '../../utils/useTransitionStatus';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface NumberFieldScrubAreaContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export const PopoverPortalContext = React.createContext<boolean | undefined>(undefined);

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { inertValue } from '@base-ui-components/utils/inertValue';
 import { useAnimationFrame } from '@base-ui-components/utils/useAnimationFrame';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export const PreviewCardPortalContext = React.createContext<boolean | undefined>(undefined);

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import type { ScrollAreaRoot } from './ScrollAreaRoot';
 

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface ScrollAreaScrollbarContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface ScrollAreaViewportContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface SelectGroupContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface SelectItemContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export const SelectPortalContext = React.createContext<boolean | undefined>(undefined);

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { type Side, useAnchorPositioning } from '../../utils/useAnchorPositioning';
 

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useFloatingRootContext, type FloatingRootContext } from '../../floating-ui-react';
 import type { SelectStore } from '../store';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import type { SwitchRoot } from './SwitchRoot';
 

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import type {
   ToastObject,

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import type { ToastObject } from '../useToastManager';
 

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface ToastViewportContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface ToolbarGroupContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export const TooltipPortalContext = React.createContext<boolean | undefined>(undefined);

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export interface TooltipProviderContext {

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { inertValue } from '@base-ui-components/utils/inertValue';
 import { useAnimationFrame } from '@base-ui-components/utils/useAnimationFrame';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { Store } from '@base-ui-components/utils/store';
 import { useIsoLayoutEffect } from '@base-ui-components/utils/useIsoLayoutEffect';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { ownerDocument } from '@base-ui-components/utils/owner';
 import { BaseUIEvent } from './types';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useAnimationFrame } from '@base-ui-components/utils/useAnimationFrame';
 import { useIsoLayoutEffect } from '@base-ui-components/utils/useIsoLayoutEffect';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useIsoLayoutEffect } from '@base-ui-components/utils/useIsoLayoutEffect';
 import { useStableCallback } from '@base-ui-components/utils/useStableCallback';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import {
   FloatingFocusManager,

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import c from 'clsx';
 import { useId } from '@base-ui-components/utils/useId';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import {
   FloatingFocusManager,

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { CompositeList } from '../../src/composite/list/CompositeList';
 import { useCompositeListItem } from '../../src/composite/list/useCompositeListItem';

@@ -1,3 +1,4 @@
+'use client';
 import c from 'clsx';
 import * as React from 'react';
 import { useMergedRefsN } from '@base-ui-components/utils/useMergedRefs';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import c from 'clsx';
 import { useMergedRefsN } from '@base-ui-components/utils/useMergedRefs';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { useMergedRefs } from '@base-ui-components/utils/useMergedRefs';
 import {

@@ -1,4 +1,5 @@
 /* eslint-disable @typescript-eslint/no-shadow */
+'use client';
 import * as React from 'react';
 import type { Placement } from '../../src/floating-ui-react/types';
 import {

@@ -1,5 +1,6 @@
 /* False positives - ESLint thinks we're calling a hook from a class component. */
 /* eslint-disable react-hooks/rules-of-hooks */
+'use client';
 import * as React from 'react';
 import { Store } from './Store';
 import { useStore } from './useStore';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import { Store } from './Store';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export type InteractionType = 'mouse' | 'touch' | 'pen' | 'keyboard' | '';

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 export function useOnFirstRender(fn: Function) {