align onChange types

components/Input.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { ChangeEvent } from 'react'
 
 export default function Input({
   text,
@@ -11,7 +11,7 @@ export default function Input({
   name: string
   value?: string
   placeholder?: string
-  onchange: (name: string, event: React.ChangeEvent<HTMLInputElement>) => void
+  onchange: (name: string, event: ChangeEvent<{ value: string }>) => void
 }) {
   return (
     <label>

components/LetterOptions.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { ChangeEvent } from 'react'
 
 import Collapsible from 'react-collapsible'
 import Input from './Input'
@@ -11,7 +11,7 @@ import { IDocProps } from '../interfaces/IDocProps'
 const EXAMPLE_ADDRESS = 'Max Mustermann\nMusterstr. 73\n12345 Musterstadt'
 
 interface IProps extends IDocProps {
-  onChange: (name: string, event: React.ChangeEvent<{ value: string }>) => void
+  onChange: (name: string, event: ChangeEvent<{ value: string }>) => void
 }
 
 export default function LetterOptions(props: IProps) {

components/Select.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { ChangeEvent } from 'react'
 
 export default function Select({
   name,
@@ -10,7 +10,7 @@ export default function Select({
   name: string
   text: string
   value: string
-  onchange: (name: string, event: React.ChangeEvent<{ value: string }>) => void
+  onchange: (name: string, event: ChangeEvent<{ value: string }>) => void
   options: { name: string; value: string }[]
 }) {
   return (

components/TextAreaInput.tsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { ChangeEvent } from 'react'
 
 export default function TextAreaInput({
   text,
@@ -10,7 +10,7 @@ export default function TextAreaInput({
   text: string
   name: string
   placeholder: string
-  onchange: (name: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void
+  onchange: (name: string, event: ChangeEvent<{ value: string }>) => void
   value: string
 }) {
   return (