diff --git a/packages/mui-material/src/Select/Select.test.js b/packages/mui-material/src/Select/Select.test.js
index 861657c9130449..ecf81decd27f7f 100644
--- a/packages/mui-material/src/Select/Select.test.js
+++ b/packages/mui-material/src/Select/Select.test.js
@@ -79,6 +79,17 @@ describe('<Select />', () => {
     );
   });
 
+  ['', 0, false, undefined, NaN].forEach((value) =>
+    it(`should support conditional rendering with "${value}"`, () => {
+      render(
+        <Select open value={2}>
+          {value && <MenuItem value={1}>One</MenuItem>}
+          <MenuItem value={2}>Two</MenuItem>
+        </Select>,
+      );
+    }),
+  );
+
   it('should have an input with [aria-hidden] by default', () => {
     const { container } = render(
       <Select value="10">
diff --git a/packages/mui-material/src/Select/SelectInput.js b/packages/mui-material/src/Select/SelectInput.js
index 7b86a76f01bf44..13391a0633d92a 100644
--- a/packages/mui-material/src/Select/SelectInput.js
+++ b/packages/mui-material/src/Select/SelectInput.js
@@ -403,7 +403,7 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
         return selected;
       }
       const firstSelectableElement = arr.find(
-        (item) => item.props.value !== undefined && item.props.disabled !== true,
+        (item) => item?.props?.value !== undefined && item.props.disabled !== true,
       );
       if (child === firstSelectableElement) {
         return true;
@@ -428,7 +428,7 @@ const SelectInput = React.forwardRef(function SelectInput(props, ref) {
       },
       role: 'option',
       selected:
-        arr[0].props.value === undefined || arr[0].props.disabled === true
+        arr[0]?.props?.value === undefined || arr[0]?.props?.disabled === true
           ? isFirstSelectableElement()
           : selected,
       value: undefined, // The value is most likely not a valid HTML attribute.