diff --git a/packages/mui-material/src/Select/Select.test.js b/packages/mui-material/src/Select/Select.test.js
index 4e71e743792a43..75a45cd664687c 100644
--- a/packages/mui-material/src/Select/Select.test.js
+++ b/packages/mui-material/src/Select/Select.test.js
@@ -819,6 +819,20 @@ describe('<Select />', () => {
       expect(getByRole('button')).to.have.text('Ten, Twenty, Thirty');
     });
 
+    it('should not throw an error for an empty multiple list', () => {
+      const { getByRole } = render(
+        <Select multiple value={[]}>
+          <MenuItem value={10}>Ten</MenuItem>
+          <MenuItem value={20}>
+            <strong>Twenty</strong>
+          </MenuItem>
+          <MenuItem value={30}>Thirty</MenuItem>
+        </Select>,
+      );
+      // A zero-width string is added for empty values
+      expect(getByRole('button')).to.have.text('\u200B');
+    });
+
     it('selects value based on their stringified equality when theyre not objects', () => {
       const { getAllByRole } = render(
         <Select multiple open value={['10', '20']}>
diff --git a/packages/mui-material/src/Select/SelectInput.js b/packages/mui-material/src/Select/SelectInput.js
index c8643d3ddfe72e..f44e1faa265a15 100644
--- a/packages/mui-material/src/Select/SelectInput.js
+++ b/packages/mui-material/src/Select/SelectInput.js
@@ -418,7 +418,11 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
 
   if (computeDisplay) {
     if (multiple) {
-      display = displayMultiple.reduce((prev, curr) => [prev, ', ', curr]);
+      if (value.length === 0) {
+        display = '';
+      } else {
+        display = displayMultiple.reduce((prev, curr) => [prev, ', ', curr]);
+      }
     } else {
       display = displaySingle;
     }