Fix types in CodeFlowsDropdown

This commit is contained in:
Koen Vlaswinkel
2023-01-11 11:56:50 +02:00
parent 6bf19eb52f
commit 033d653d44

View File

@@ -22,16 +22,21 @@ export const CodeFlowsDropdown = ({
const handleChange = useCallback( const handleChange = useCallback(
(e: ChangeEvent<HTMLSelectElement>) => { (e: ChangeEvent<HTMLSelectElement>) => {
const selectedOption = e.target; const selectedOption = e.target;
const selectedIndex = selectedOption.value as unknown as number; const selectedIndex = parseInt(selectedOption.value);
setSelectedCodeFlow(codeFlows[selectedIndex]); setSelectedCodeFlow(codeFlows[selectedIndex]);
}, },
[setSelectedCodeFlow, codeFlows], [setSelectedCodeFlow, codeFlows],
); );
return ( return (
<VSCodeDropdown onChange={handleChange}> <VSCodeDropdown
onChange={
handleChange as unknown as ((e: Event) => unknown) &
React.FormEventHandler<HTMLElement>
}
>
{codeFlows.map((codeFlow, index) => ( {codeFlows.map((codeFlow, index) => (
<VSCodeOption key={index} value={index}> <VSCodeOption key={index} value={index.toString()}>
{getCodeFlowName(codeFlow)} {getCodeFlowName(codeFlow)}
</VSCodeOption> </VSCodeOption>
))} ))}