How can i change TextField border-radius in Mui

I am trying to change mui TextField border radius but it’s not working. Can anyone help me to solve this problem.

Here is my code:

<TextField variant="outlined" sx={{ borderRadius: 5 }} />

Can anyone fix it this?

>Solution :

It’s very simple. You can use InputProps to solve this problem.

Here is the solution:

<TextField
     label="My TextField"
     InputProps={{
         sx: {borderRadius: 5},
     }}
/>