Material UI

For the development of a Ract component I used MUI Autocomplete. I got the array of objects from SharePoint list and used this data as a parameter for options. Actually, you can use any source.
But I had a lot of warnings in console.

MUI: The value provided to Autocomplete is invalid.
None of the options match with {"Id":0,"Title":"","ProjectDescription":"","AvailableObjects":[]}.
You can use the isOptionEqualToValue prop to customize the equality test.

The block looks like this:

<FormControl fullWidth>
	<Autocomplete
		options={projects}
		getOptionLabel={(option) => option.Title}
		value={formFilter.project}

		renderInput={(params) => <TextField {...params} label="Project name" value={formFilter.project.Title} />}
		size='small'
		onChange={handleProject}
	/>
  </FormControl>

In some cases 'isOptionEqualToValue' can fix the warning, but it didn't help me.

The reason is that I use the value which doesn't exist in the set. Insted of 'null-value' I used the default constant:

const defaultObject:TheForm = {"Id":0,"Title":"","ProjectDescription":"","AvailableObjects":[]}

And formFilter contained the property defaultObject:TheForm

Const projects is the array of data achived from SharePoint list. And it didn't have the item equivalent to defaultObject, that's why I had the warining.

The easiest and fastest solution was to add 'defaultObject' to the repository.