Какой тип для event нужно прописать?

Question

[timonck]

Как правильно прописать тип в таком случае? Использую select из material ui. currentTarget.innerText использую чтобы узнать какой текст в MenuItem.

const handleChange = (event: any) => {
        if (
            event.currentTarget.innerText === 'BALANCE'
        ) {
            setSendForm({...sendForm, balance: event.target.value});
            setCBal(true);
        } else {
            setSendForm({...sendForm, balance: event.target.value});
            setCBal(false);
        }
    };


<Select
     labelId="balance-select-label"
     id="balance-select"
     required
     value={sendForm.balance}
     onChange={handleChange}
     >
      {balances.map((i: UserB, index: number) => (
            <MenuItem key={index} value={i.id}>{i.account}</MenuItem>
))}
</Select>

Answer 1

[rasschitai]

event.currentTarget.options[event.currentTarget.selectedIndex].text

Comments

[timonck]

@rasschita , это тоже подходит, но я хотел узнать что написать вместо any а то уже все варианты перепробовал

Answer 2

[Дмитрий Беляев]

type TypescriptInferTheEventTypeForMePlease
    = HTMLSelectElement['addEventListener'] extends ((
        eventName: 'change',
        cb: (event: infer E) => any
    ) => any)
    ? E
    : never;

P.S. VSCode говорит что это просто Event