[material-ui][Autocomplete] freeSolo type search not allowed to change/edit the clearIcon

[indrasenakatam]

Steps to reproduce

Link to live example: (required)

There is no specific steps, I have copied code from docs, from https://mui.com/material-ui/react-autocomplete/#free-solo

Steps:

1. Import Autocomplete
2. override default clear icon
3. Have tried with auto complete property https://mui.com/material-ui/api/autocomplete/#autocomplete-prop-clearIcon

`
import Autocomplete from '@mui/material/Autocomplete';
import DeleteIcon from '@mui/icons-material/Delete';

<Autocomplete
freeSolo
id="free-solo-2-demo"
disableClearable
options={top100Films.map((option) => option.title)}
clearIcon={<DeleteIcon></DeleteIcon>}
renderInput={(params) => (
<TextField
{...params}
label="Search input"
InputProps={{
...params.InputProps,
type: 'search',
}}
/>
)}
/>`

Current behavior

Expected behavior

I would like to replace existing default clearIcon with my own SVG Ion

Context

No response

Your environment

"use client";

import * as React from "react";
import TextField from "@mui/material/TextField";
import Stack from "@mui/material/Stack";
import Autocomplete from "@mui/material/Autocomplete";
import DeleteIcon from "@mui/icons-material/Delete";

export default function FreeSolo() {
return (
<Stack spacing={2} sx={{ width: 300 }}>
<Autocomplete
freeSolo
id="free-solo-2-demo"
disableClearable
options={top100Films.map((option) => option.title)}
clearIcon={}
renderInput={(params) => (
<TextField
{...params}
label="Search input"
InputProps={{
...params.InputProps,
type: "search",
}}
/>
)}
/>

);
}

   "@mui/base": "5.0.0-beta.40",
    "@mui/icons-material": "^5.16.4",
    "@mui/material": "^5.16.4",
    "@mui/system": "^5.16.4",
    
    NEXT js:   "next": "15.0.0-canary.56",
    
    "node": ">=20.12.0"
    
    Google Chrome: Version 126.0.6478.127 

Search keywords: Autocomplete freeSolo type search

[ZeeshanTamboli]

It works. See: https://stackblitz.com/edit/vitejs-vite-nu9jpl?file=src%2FApp.tsx&terminal=dev.

The disableClearable prop in the Autocomplete prevents the clear icon from rendering by disabling the clear functionality. Additionally, setting type="search" on the input renders the native clear icon.

[github-actions]

👋 Thanks for using our open-source projects!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support with Material UI please check out https://mui.com/material-ui/getting-started/support/. Thanks!

If you have a question on Stack Overflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.