🏷️ Replace deprecated event types

Author: Frontendland

src/components/Button/Button.tsx

@@ -8,7 +8,7 @@ import styles from './button.module.scss'
 export type ReactButtonProps = {
     onClick?: React.MouseEventHandler<HTMLButtonElement>
     children?: React.ReactNode
-} & ButtonProps<React.HTMLAttributes<HTMLElement>>
+} & ButtonProps<Record<string, unknown>>
 
 const Button = ({
     theme,

src/components/Counter/Counter.tsx

@@ -108,7 +108,7 @@ const Counter = ({
         }
     }
 
-    const handleInput = (event: React.FormEvent) => {
+    const handleInput = (event: React.InputEvent<HTMLInputElement>) => {
         const target = event.target
 
         if (target instanceof HTMLInputElement) {

src/components/List/List.tsx

@@ -48,7 +48,7 @@ const List = ({
         ? { maxHeight } as React.CSSProperties
         : undefined
 
-    const search = (event: React.FormEvent<HTMLInputElement>) => {
+    const search = (event: React.InputEvent<HTMLInputElement>) => {
         const value = (event.target as HTMLInputElement).value.toLowerCase()
 
         setSearchValue(value)

src/components/OTPInput/OTPInput.tsx

@@ -67,7 +67,7 @@ const OTPInput = ({
         }
     }
 
-    const handleInput = (event: React.FormEvent<HTMLInputElement>) => {
+    const handleInput = (event: React.InputEvent<HTMLInputElement>) => {
         const target = event.target
 
         if (!(target instanceof HTMLInputElement)) {

src/components/RangeSlider/RangeSlider.tsx

@@ -59,7 +59,7 @@ const RangeSlider = ({
         }
     }
 
-    const handleInput = (event: React.FormEvent) => {
+    const handleInput = (event: React.InputEvent<HTMLInputElement>) => {
         const target = event.target
 
         if (!(target instanceof HTMLInputElement)) {