Fix chapter selection (#3117)

* Fix chapter selection

The event type was wrong, in this case with mui you have to use
`.target` and not `.currentTarget`.

* lint

src/components/Dialogs/EditMediaDialog/Chapters.tsx

@@ -2,6 +2,7 @@ import clsx from 'clsx';
 import formatDuration from 'format-duration';
 import { useTranslator } from '@u-wave/react-translate';
 import MenuItem from '@mui/material/MenuItem';
+import type { SelectChangeEvent } from '@mui/material';
 import Select from '../../Form/Select';
 
 type Chapter = {
@@ -26,8 +27,8 @@ function Chapters({
   onChange,
 }: ChaptersProps) {
   const { t } = useTranslator();
-  const handleChange = (event: React.FormEvent<{ value: number }>) => {
-    const newIndex = event.currentTarget.value;
+  const handleChange = (event: SelectChangeEvent<number>) => {
+    const newIndex = Number(event.target.value);
     if (available[newIndex] != null) {
       onChange(available[newIndex]);
     }

src/components/Form/Select.jsx

@@ -14,6 +14,7 @@ function Select({
   className,
   classes,
   tabIndex,
+  onChange,
   ...props
 }) {
   return (
@@ -24,6 +25,7 @@ function Select({
       inputComponent={SelectInput}
       {...props}
       inputProps={{
+        onChange,
         children,
         IconComponent: SvgIcon,
         iconProps: { path: mdiMenuDown },
@@ -41,6 +43,7 @@ Select.propTypes = {
   className: PropTypes.string,
   tabIndex: PropTypes.number,
   classes: PropTypes.object,
+  onChange: PropTypes.func,
 };
 
 export default Select;