Как добавить свойство к компоненту меню material-ui, используя javascript?

Question

Я могу взглянуть на код с помощью vs и посмотреть, как добавить свойство в меню, расширив интерфейс MenuProps. Но я использую javascript, а не машинопись. Когда я пытаюсь сделать следующее, я получаю синтаксические ошибки, потому что это файл javascript, а не машинописный текст.

Кто-нибудь знает, как добавить свойство в меню material-ui, которое также может использоваться ребенок настроил MenuItem? Я не использую Select или DropDown, просто простое меню.

Вот мой код:

<DropdownButtonMenu
        id="customized-menu"
        anchorEl={anchorEl}
        keepMounted
        PaperProps={{
            style: {
                maxHeight: 225,
            },
        }}
        open={Boolean(anchorEl)}
        onClose={handleClose}
    >
        <TitleMenuItem disabled={true} className='classes.title'>
            <Typography
                variant="subtitle1"
                >
                Display Columns //Need to change this title based on if display columns(1), export columns(2), or print columns(3) icon clicked
            </Typography>
          </TitleMenuItem>
          {formColumns.map(colobj => (
            <CheckboxMenuItem
                key={`ckb-${colobj.name}`}
                className={classes.SearchMenuItem}
                selected={false}
                onClick={handleClose} >
                <Checkbox
                    checked={colobj.displayColumn} //Depending on 1,2 or 3 above, 1=displayColumn, 2=exportColumn, 3=printColumn
                    onChange={handleCheckboxClick} //Need to add 1,2 or 3 as parameter to this onChange event
                    className={classes.searchColumnCheckbox}
                    value={`${colobj.name}`} />
    {colobj.label}
            </CheckboxMenuItem>
        ))}
    </DropdownButtonMenu>

Доступ к меню флажка осуществляется с помощью любого из 3 значков. Один для списка столбцов для отображения, один для столбцов для экспорта и один для столбцов для печати. Заголовок каждого меню должен измениться, для события onChange требуется дополнительный параметр, описывающий, отображать, экспортировать или печатать. Я пробовал передавать реквизиты, но как только я добрался до элемента меню, браузер сказал мне, что это недопустимое свойство.

Любая помощь будет принята с благодарностью. Кстати, вот как это сделать в машинописном тексте. Но я использую javascript:

Это правильный способ расширения компонентов Material-UI (React / Typescript)