Electron + MUIのTextFieldのautoFocusが効かないとき

現象

Electron + MUI の TextField の autoFocus が効かない 具体的にはすぐに onBlur が発火してフォーカスを失ってしまう

<TextField autoFocus />

原因

様々な要因があるようだが、一つの原因として、DevTools を開く設定をしていると DevTools 側がフォーカスされて TextField の onBlur が発火してしまうよう

mainWindow.webContents.openDevTools();

対処法

  • 開発時だけ起きるものとして無視
  • DevTools を開く処理を削除