[DataGrid] singleSelect filtering doesn't work for object values without value property

[cherniavskii]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Steps to reproduce 🕹

Link to live example: https://codesandbox.io/s/damp-shadow-xemby7?file=/demo.tsx

Steps:

1. Filter the country2 column using is operator and Andorra value

Current behavior 😯

No rows displayed

Screen.Recording.2023-05-17.at.19.44.15.mov

Expected behavior 🤔

The rows with Andorra value displayed

Context 🔦

I noticed this while reviewing DataGrid + Joy UI demo for the workshop.

The problem is reproducible only when:

1. The object is being used as a cell value
2. The object doesn't have a value property

In the demo, the country1 column works as expected, because valueOptions and the cell value have the value property.

In #7684 we added support for getOptionValue, but apparently we missed something.
The issue is probably here:

mui-x/packages/grid/x-data-grid/src/colDef/gridSingleSelectOperators.ts

Lines 6 to 11 in df2113b

	const parseObjectValue = (value: unknown) => {
	if (value == null || !isObject<{ value: unknown }>(value)) {
	return value;
	}
	return value.value;
	};

We should use getOptionValue here instead of the hardcoded .value

Your environment 🌎

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Order ID or Support key 💳 (optional)

No response