From 779b31cb58e6ac0d34d15628070fad24536d4bc7 Mon Sep 17 00:00:00 2001
From: Albert Yu <albert@albertyu.co>
Date: Fri, 24 Nov 2023 18:16:33 +0800
Subject: [PATCH] Update message and params again

---
 packages/mui-base/src/Select/Select.test.tsx       | 4 ++--
 packages/mui-base/src/Select/Select.tsx            | 1 +
 packages/mui-base/src/useSelect/useSelect.ts       | 3 ++-
 packages/mui-base/src/useSelect/useSelect.types.ts | 6 ++++++
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/mui-base/src/Select/Select.test.tsx b/packages/mui-base/src/Select/Select.test.tsx
index 3dba6419fcb322..f9869c32547d63 100644
--- a/packages/mui-base/src/Select/Select.test.tsx
+++ b/packages/mui-base/src/Select/Select.test.tsx
@@ -1365,7 +1365,7 @@ describe('<Select />', () => {
       expect(() => {
         setProps({ value: undefined });
       }).toErrorDev(
-        'useControllableReducer: The useSelect component is changing a controlled prop to be uncontrolled: selectedValues',
+        'useControllableReducer: The Select component is changing a controlled prop to be uncontrolled: selectedValues',
       );
     });
 
@@ -1380,7 +1380,7 @@ describe('<Select />', () => {
       expect(() => {
         setProps({ value: 1 });
       }).toErrorDev(
-        'useControllableReducer: The useSelect component is changing an uncontrolled prop to be controlled: selectedValues',
+        'useControllableReducer: The Select component is changing an uncontrolled prop to be controlled: selectedValues',
       );
     });
   });
diff --git a/packages/mui-base/src/Select/Select.tsx b/packages/mui-base/src/Select/Select.tsx
index e43968bd4eccfc..7b250dd7e733d3 100644
--- a/packages/mui-base/src/Select/Select.tsx
+++ b/packages/mui-base/src/Select/Select.tsx
@@ -144,6 +144,7 @@ const Select = React.forwardRef(function Select<
     onOpenChange: onListboxOpenChange,
     getOptionAsString,
     value: valueProp,
+    componentName: 'Select',
   });
 
   const ownerState: SelectOwnerState<OptionValue, Multiple> = {
diff --git a/packages/mui-base/src/useSelect/useSelect.ts b/packages/mui-base/src/useSelect/useSelect.ts
index 7964d0e894128f..abc9d52240fdf5 100644
--- a/packages/mui-base/src/useSelect/useSelect.ts
+++ b/packages/mui-base/src/useSelect/useSelect.ts
@@ -101,6 +101,7 @@ function useSelect<OptionValue, Multiple extends boolean = false>(
     getOptionAsString = defaultOptionStringifier,
     getSerializedValue = defaultFormValueProvider,
     value: valueProp,
+    componentName = 'useSelect',
   } = props;
 
   const buttonRef = React.useRef<HTMLElement>(null);
@@ -287,7 +288,7 @@ function useSelect<OptionValue, Multiple extends boolean = false>(
     getItemAsString: stringifyOption,
     selectionMode: multiple ? 'multiple' : 'single',
     stateReducer: selectReducer,
-    componentName: 'useSelect',
+    componentName,
   };
 
   const {
diff --git a/packages/mui-base/src/useSelect/useSelect.types.ts b/packages/mui-base/src/useSelect/useSelect.types.ts
index 217bd98c3c00fa..b94883b6350ee8 100644
--- a/packages/mui-base/src/useSelect/useSelect.types.ts
+++ b/packages/mui-base/src/useSelect/useSelect.types.ts
@@ -123,6 +123,12 @@ export interface UseSelectParameters<OptionValue, Multiple extends boolean = fal
    * Set to `null` to deselect all options.
    */
   value?: SelectValue<OptionValue, Multiple>;
+  /**
+   * The name of the component using useSelect.
+   * For debugging purposes.
+   * @default 'useSelect'
+   */
+  componentName?: string;
 }
 
 interface UseSelectButtonSlotEventHandlers {