[OutlinedInput] ownerState can be undefined momentarily

[vimutti77]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Get Cannot read properties of undefined error

Expected behavior 🤔

The default value of ownerState should be empty object {}. Or change the type of ownerState to be optional

Steps to reproduce 🕹

Steps:

1. open https://codesandbox.io/s/usage-forked-dob3eo?file=/index.tsx

Context 🔦

Im using no-unnecessary-condition eslint rule to check if I should use optional chaining (?.)

And because the type of ownerState is non-undefined, eslint tell me to not use optional chaining (?.)

But when I remove ?., I got Cannot read properties of undefined error.

Your environment 🌎

`npx @mui/envinfo`

  System:
    OS: Windows 10 10.0.22000
  Binaries:
    Node: 16.13.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.15 - C:\Program Files\nodejs\yarn.CMD
    npm: 8.1.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Chrome: Not Found
    Edge: Spartan (44.22000.120.0), Chromium (101.0.1210.39)
  npmPackages:
    @emotion/react: ^11.9.0 => 11.9.0 
    @emotion/styled: ^11.8.1 => 11.8.1
    @mui/base:  5.0.0-alpha.79
    @mui/icons-material: ^5.6.2 => 5.6.2
    @mui/lab: ^5.0.0-alpha.80 => 5.0.0-alpha.80
    @mui/material: ^5.6.4 => 5.6.4
    @mui/private-theming:  5.6.2
    @mui/styled-engine:  5.6.1
    @mui/system:  5.6.4
    @mui/types:  7.1.3
    @mui/utils:  5.6.1
    @mui/x-data-grid: ^5.10.0 => 5.10.0
    @mui/x-data-grid-pro: ^5.10.0 => 5.10.0
    @mui/x-date-pickers:  5.0.0-alpha.0
    @mui/x-license-pro:  5.10.0
    @types/react: ^18.0.9 => 18.0.9
    react: ^18.1.0 => 18.1.0
    react-dom: ^18.1.0 => 18.1.0
    typescript: ^4.6.4 => 4.6.4

[ZeeshanTamboli]

Duplicate of #31982