prevent open mobile keyboard automatically when input focused

I want to prevent open mobile keyboard automatically when input focused. but I want input focused because I’m using MUI for my react app and when TextField component focused its ui changed. I want this change but I don’t want to open mobile keyboard automatically when the condition is true for input focus.

<TextField focused={mode === 2} />

Mode is a state that when it equals to 2, this ui TextField should change to focus mode ui but I don’t want to mobile keyboard opened automatically.

When user click on this TextField I want to open keyboard not when mode state equals to 2

I tried to use preventDefault but it doesn’t work.
<TextField focused={mode === 2} onFocus={(e) => e.preventDefault()} />