Update eslint to 8.27.0

ts/components/Select.tsx

@@ -22,51 +22,49 @@ export type PropsType = Readonly<{
   value?: string | number;
 }>;
 
-export const Select = React.forwardRef(
-  (
-    {
-      ariaLabel,
-      disabled,
-      id,
-      moduleClassName,
-      name,
-      onChange,
-      options,
-      value,
-    }: PropsType,
-    ref: React.Ref<HTMLSelectElement>
-  ): JSX.Element => {
-    const onSelectChange = (event: ChangeEvent<HTMLSelectElement>) => {
-      onChange(event.target.value);
-    };
+export const Select = React.forwardRef(function SelectInner(
+  {
+    ariaLabel,
+    disabled,
+    id,
+    moduleClassName,
+    name,
+    onChange,
+    options,
+    value,
+  }: PropsType,
+  ref: React.Ref<HTMLSelectElement>
+): JSX.Element {
+  const onSelectChange = (event: ChangeEvent<HTMLSelectElement>) => {
+    onChange(event.target.value);
+  };
 
-    return (
-      <div className={classNames(['module-select', moduleClassName])}>
-        <select
-          aria-label={ariaLabel}
-          disabled={disabled}
-          id={id}
-          name={name}
-          value={value}
-          onChange={onSelectChange}
-          ref={ref}
-        >
-          {options.map(
-            ({ disabled: optionDisabled, text, value: optionValue }) => {
-              return (
-                <option
-                  disabled={optionDisabled}
-                  value={optionValue}
-                  key={optionValue}
-                  aria-label={text}
-                >
-                  {text}
-                </option>
-              );
-            }
-          )}
-        </select>
-      </div>
-    );
-  }
-);
+  return (
+    <div className={classNames(['module-select', moduleClassName])}>
+      <select
+        aria-label={ariaLabel}
+        disabled={disabled}
+        id={id}
+        name={name}
+        value={value}
+        onChange={onSelectChange}
+        ref={ref}
+      >
+        {options.map(
+          ({ disabled: optionDisabled, text, value: optionValue }) => {
+            return (
+              <option
+                disabled={optionDisabled}
+                value={optionValue}
+                key={optionValue}
+                aria-label={text}
+              >
+                {text}
+              </option>
+            );
+          }
+        )}
+      </select>
+    </div>
+  );
+});