[material-ui][Box] Error if adding any prop to it about material-ui

[ChristopherTrimboli]

this is legit, just setup new repo, even using new v14 cache provider, I get same:

Expression produces a union type that is too complex to represent.ts(2590)

[mj12albert]

@shakib77 In your snippet, you have repeated the src prop twice in Avatar which is probably the cause

<Avatar
  alt={'profile image'}
  src={'/images/dummy-logo.svg'}
  sx={{
    width: 'auto',
    height: '86px',
    '& .MuiAvatar-img': {
      objectFit: 'contain',
    },
  }}
  src={vendorProfileData?.org_logo_path} // <---- this looks like the problem 💥 
  variant={'square'}
/>

Otherwise I cannot reproduce it: https://codesandbox.io/s/https-github-com-mui-material-ui-issues-39796-prm932?file=/src/App.tsx

[shakib77]

@shakib77 In your snippet, you have repeated the src prop twice in Avatar which is probably the cause

<Avatar
  alt={'profile image'}
  src={'/images/dummy-logo.svg'}
  sx={{
    width: 'auto',
    height: '86px',
    '& .MuiAvatar-img': {
      objectFit: 'contain',
    },
  }}
  src={vendorProfileData?.org_logo_path} // <---- this looks like the problem 💥 
  variant={'square'}
/>

Otherwise I cannot reproduce it: https://codesandbox.io/s/https-github-com-mui-material-ui-issues-39796-prm932?file=/src/App.tsx

@mj12albert It is my mistake in Avatar component but I am facing this all over in box component if i add any properties.

[mj12albert]

@mj12albert It is my mistake in Avatar component but I am facing this all over in box component if i add any properties.

Could you please provide an updated repro? You can fork this template: https://mui.com/r/issue-template-latest

[github-actions]

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.