Add use client directive to components

packages/mui-base/src/Badge/Badge.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { PolymorphicComponent } from '../utils/PolymorphicComponent';

packages/mui-base/src/Button/Button.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { PolymorphicComponent } from '../utils/PolymorphicComponent';

packages/mui-base/src/ClickAwayListener/ClickAwayListener.tsx

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

packages/mui-base/src/FocusTrap/FocusTrap.tsx

@@ -1,3 +1,4 @@
+'use client';
 /* eslint-disable consistent-return, jsx-a11y/no-noninteractive-tabindex */
 import * as React from 'react';
 import PropTypes from 'prop-types';

packages/mui-base/src/FormControl/FormControl.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useControlled as useControlled } from '@mui/utils';

packages/mui-base/src/FormControl/useFormControlContext.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { UseFormControlContextReturnValue } from './FormControl.types';
 import FormControlContext from './FormControlContext';

packages/mui-base/src/Input/Input.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { PolymorphicComponent } from '../utils/PolymorphicComponent';

packages/mui-base/src/Menu/Menu.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { HTMLElementType, refType } from '@mui/utils';

packages/mui-base/src/MenuItem/MenuItem.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { PolymorphicComponent } from '../utils/PolymorphicComponent';

packages/mui-base/src/Modal/Modal.tsx

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

packages/mui-base/src/MultiSelect/MultiSelect.tsx

@@ -1,3 +1,4 @@
+'use client';
 let warnedOnce = false;
 
 const warn = () => {

packages/mui-base/src/NoSsr/NoSsr.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { exactProp, unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';

packages/mui-base/src/Option/Option.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';

packages/mui-base/src/OptionGroup/OptionGroup.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { PolymorphicComponent } from '../utils/PolymorphicComponent';

packages/mui-base/src/Popper/Popper.tsx

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

packages/mui-base/src/Portal/Portal.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';

packages/mui-base/src/Select/Select.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';

packages/mui-base/src/Slider/Slider.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

packages/mui-base/src/Snackbar/Snackbar.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import ClickAwayListener from '../ClickAwayListener';

packages/mui-base/src/Switch/Switch.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { PolymorphicComponent } from '../utils/PolymorphicComponent';

packages/mui-base/src/Tab/Tab.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';

packages/mui-base/src/TabPanel/TabPanel.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { PolymorphicComponent, useSlotProps, WithOptionalOwnerState } from '../utils';

packages/mui-base/src/TablePagination/TablePagination.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_useId as useId, chainPropTypes, integerPropType } from '@mui/utils';

packages/mui-base/src/TablePagination/TablePaginationActions.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { PolymorphicComponent, useSlotProps, WithOptionalOwnerState } from '../utils';
 import {

packages/mui-base/src/Tabs/Tabs.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { PolymorphicComponent, useSlotProps, WithOptionalOwnerState } from '../utils';

packages/mui-base/src/TabsList/TabsList.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import composeClasses from '../composeClasses';

packages/mui-base/src/TextareaAutosize/TextareaAutosize.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import * as ReactDOM from 'react-dom';

packages/mui-base/src/useAutocomplete/useAutocomplete.js

@@ -1,3 +1,4 @@
+'use client';
 /* eslint-disable no-constant-condition */
 import * as React from 'react';
 import {

packages/mui-base/src/useBadge/useBadge.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { usePreviousProps } from '@mui/utils';
 import { UseBadgeParameters, UseBadgeReturnValue } from './useBadge.types';

packages/mui-base/src/useButton/useButton.ts

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

packages/mui-base/src/useInput/useInput.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import MuiError from '@mui/utils/macros/MuiError.macro';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';

packages/mui-base/src/useList/useList.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';
 import {

packages/mui-base/src/useList/useListChangeNotifiers.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import useMessageBus from '../utils/useMessageBus';
 

packages/mui-base/src/useList/useListItem.ts

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

packages/mui-base/src/useMenu/MenuProvider.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { ListContext, ListContextValue } from '../useList/ListContext';
 import { MenuItemMetadata } from '../useMenuItem';

packages/mui-base/src/useMenu/useMenu.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';
 import useList from '../useList';

packages/mui-base/src/useMenuItem/useMenuItem.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useId as useId, unstable_useForkRef as useForkRef } from '@mui/utils';
 import { EventHandlers } from '../utils/types';

packages/mui-base/src/useOption/useOption.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useForkRef as useForkRef, unstable_useId as useId } from '@mui/utils';
 import { SelectOption, UseOptionParameters, UseOptionReturnValue } from './useOption.types';

packages/mui-base/src/useSelect/SelectProvider.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { ListContextValue, ListContext } from '../useList/ListContext';
 import { SelectOption } from '../useOption/useOption.types';

packages/mui-base/src/useSelect/useSelect.ts

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

packages/mui-base/src/useSlider/useSlider.ts

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

packages/mui-base/src/useSnackbar/useSnackbar.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useEventCallback as useEventCallback } from '@mui/utils';
 import {

packages/mui-base/src/useSwitch/useSwitch.ts

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

packages/mui-base/src/useTab/useTab.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useId as useId, unstable_useForkRef as useForkRef } from '@mui/utils';
 import { useTabsContext } from '../Tabs';

packages/mui-base/src/useTabPanel/useTabPanel.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useId as useId, unstable_useForkRef as useForkRef } from '@mui/utils';
 import { useTabsContext } from '../Tabs';

packages/mui-base/src/useTabs/TabsProvider.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import TabsContext, { TabsContextValue } from '../Tabs/TabsContext';
 import { CompoundComponentContext, CompoundComponentContextValue } from '../utils/useCompound';

packages/mui-base/src/useTabs/useTabs.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useControlled as useControlled } from '@mui/utils';
 import { UseTabsParameters, UseTabsReturnValue } from './useTabs.types';

packages/mui-base/src/useTabsList/TabsListProvider.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { ListContextValue, ListContext } from '../useList/ListContext';
 import { TabMetadata } from '../useTabs/useTabs';

packages/mui-base/src/useTabsList/useTabsList.ts

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

packages/mui-base/src/utils/ClassNameConfigurator.tsx

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

packages/mui-base/src/utils/useCompound.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 interface RegisterItemReturnValue<Key> {

packages/mui-base/src/utils/useCompoundItem.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
 import {

packages/mui-base/src/utils/useControllableReducer.ts

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

packages/mui-base/src/utils/useForcedRerendering.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 /**
  * @ignore - internal hook.

packages/mui-base/src/utils/useLatest.ts

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

packages/mui-base/src/utils/useMessageBus.ts

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

packages/mui-base/src/utils/useSlotProps.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import { unstable_useForkRef as useForkRef } from '@mui/utils';
 import appendOwnerState, { AppendOwnerStateReturnType } from './appendOwnerState';

packages/mui-base/src/utils/useTextNavigation.ts

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 
 const TEXT_NAVIGATION_RESET_TIMEOUT = 500; // milliseconds

packages/mui-joy/src/Alert/Alert.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

packages/mui-joy/src/AspectRatio/AspectRatio.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses } from '@mui/base';

packages/mui-joy/src/Autocomplete/Autocomplete.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';

packages/mui-joy/src/AutocompleteListbox/AutocompleteListbox.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/AutocompleteOption/AutocompleteOption.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/Avatar/Avatar.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { unstable_composeClasses as composeClasses } from '@mui/base';

packages/mui-joy/src/AvatarGroup/AvatarGroup.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/Badge/Badge.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { OverridableComponent } from '@mui/types';

packages/mui-joy/src/Box/Box.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createBox } from '@mui/system';
 import PropTypes from 'prop-types';
 import { unstable_ClassNameGenerator as ClassNameGenerator } from '../className';

packages/mui-joy/src/Breadcrumbs/Breadcrumbs.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { OverridableComponent } from '@mui/types';

packages/mui-joy/src/Button/Button.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import useButton from '@mui/base/useButton';

packages/mui-joy/src/ButtonGroup/ButtonGroup.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/Card/Card.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/CardActions/CardActions.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/CardContent/CardContent.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/CardCover/CardCover.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/CardOverflow/CardOverflow.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/Checkbox/Checkbox.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { OverridableComponent } from '@mui/types';

packages/mui-joy/src/Chip/Chip.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import clsx from 'clsx';
 import PropTypes from 'prop-types';

packages/mui-joy/src/ChipDelete/ChipDelete.tsx

@@ -1,3 +1,4 @@
+'use client';
 import * as React from 'react';
 import PropTypes from 'prop-types';
 import { OverridableComponent } from '@mui/types';

packages/mui-joy/src/CircularProgress/CircularProgress.tsx

@@ -1,3 +1,4 @@
+'use client';
 import PropTypes from 'prop-types';
 import * as React from 'react';
 import clsx from 'clsx';

packages/mui-joy/src/Container/Container.tsx

@@ -1,3 +1,4 @@
+'use client';
 import { createContainer } from '@mui/system';
 import PropTypes from 'prop-types';
 import { OverridableComponent } from '@mui/types';