react-dom_client.js?v=22349e2c:2079 In HTML, <li> cannot be a descendant of <li>.
This will cause a hydration error.
...
<Autocomplete2 className={undefined} multiple={true} onChange={function onChange} value={[...]} defaultValue={[...]} ...>
<MuiAutocomplete-root>
<MuiAutocomplete-popper as={{...}} disablePortal={false} style={{width:677}} role="presentation" ...>
<Insertion2>
<Popper4 disablePortal={false} style={{width:677}} role="presentation" anchorEl={HTMLDivElement} open={true} ...>
<MuiPopper-root as={undefined} direction="ltr" slots={{root:undefined}} slotProps={undefined} ...>
<Insertion2>
<Popper2 direction="ltr" slots={{root:undefined}} slotProps={undefined} anchorEl={HTMLDivElement} ...>
<Portal2 disablePortal={false} container={HTMLBodyElement}>
<PopperTooltip2 anchorEl={HTMLDivElement} direction="ltr" disablePortal={false} modifiers={undefined} ...>
<div role="presentation" ref={function} className="MuiPopper-..." style={{position:"...", ...}}>
<MuiAutocomplete-paper as={{...}} className="MuiAutocom..." ref={null} ownerState={{...}}>
<Insertion2>
<Paper2 className="MuiAutocom...">
<MuiPaper-root as="div" ownerState={{...}} className="MuiPaper-r..." ref={null} style={{...}}>
<Insertion2>
<div className="MuiPaper-r..." style={{...}}>
<MuiAutocomplete-listbox as={undefined} role="listbox" id=":r4di:-lis..." ...>
<Insertion2>
<ul role="listbox" id=":r4di:-lis..." aria-labelledby=":r4di:-label" ...>
> <li>
<Box3>
> <li
> tabIndex={-1}
> role="option"
> id=":r4di:-option-0"
> onMouseMove={function handleOptionMouseMove}
> onClick={function handleOptionClick}
> onTouchStart={function handleOptionTouchStart}
> data-option-index={0}
> aria-disabled={false}
> aria-selected={false}
> className="_option-li_jnnav_6"
> >
...