How to get number from AutoComplete onSelectionChange?

[MinChanSike]

I'm using NextUI "@nextui-org/react": "^2.2.9", with typescript.
Could you suggest how to get number from onSelectionChange instead of return string value on selected?

Please take a look my sample here
https://codesandbox.io/p/devbox/epic-morse-xfrr8t

[ali-shafi-hff]

Here's how you can convert the string to number:

const [selectedOption, setSelectedOption] = useState<string | undefined>(selectedId?.toString());
const [options, setOptions] = useState<ListItem[]>([]);

const handleSelectionChange = (newValue: Key | null) => {
        if (newValue === null) return;

        const newValueAsNumber = Number(newValue);
        if (!isNaN(newValueAsNumber)) {
            // Set selected key as string in AutoComplete
            setSelectedOption(newValueAsNumber.toString());
        } else {
            // Handle the case where newValue cannot be converted to a number
            console.error("Invalid selection value:", newValue);
}};

return (
          <Autocomplete
                variant="bordered"
                defaultItems={options}
                selectedKey={selectedOption?.toString()}
                onSelectionChange={handleSelectionChange}
                aria-label={label}
                isDisabled={isDisabled}
                color={color || "default"}
                listboxProps={{
                     emptyContent: 'No Value Found'
                }}
                isClearable={false}
                >
                {(item) => <AutocompleteItem key={item.id.toString()}>{item.name}</AutocompleteItem>}
          </Autocomplete>
);