diff --git a/src/components/NewMovie/NewMovie.tsx b/src/components/NewMovie/NewMovie.tsx
index ed7d5d16c..f6493b36c 100644
--- a/src/components/NewMovie/NewMovie.tsx
+++ b/src/components/NewMovie/NewMovie.tsx
@@ -54,7 +54,7 @@ export const NewMovie: React.FC<Props> = ({ onAdd }) => {
         name="title"
         label="Title"
         value={inputState.title}
-        onChange={e => setInputState({ ...inputState, title: e })}
+        onChange={e => setInputState({ ...inputState, title: e.target.value })}
         required
       />
 
@@ -62,14 +62,14 @@ export const NewMovie: React.FC<Props> = ({ onAdd }) => {
         name="description"
         label="Description"
         value={description}
-        onChange={e => setDescription(e)}
+        onChange={e => setDescription(e.target.value)}
       />
 
       <TextField
         name="imgUrl"
         label="Image URL"
         value={inputState.imgUrl}
-        onChange={e => setInputState({ ...inputState, imgUrl: e })}
+        onChange={e => setInputState({ ...inputState, imgUrl: e.target.value })}
         required
       />
 
@@ -77,7 +77,9 @@ export const NewMovie: React.FC<Props> = ({ onAdd }) => {
         name="imdbUrl"
         label="Imdb URL"
         value={inputState.imdbUrl}
-        onChange={e => setInputState({ ...inputState, imdbUrl: e })}
+        onChange={e =>
+          setInputState({ ...inputState, imdbUrl: e.target.value })
+        }
         required
       />
 
@@ -85,7 +87,7 @@ export const NewMovie: React.FC<Props> = ({ onAdd }) => {
         name="imdbId"
         label="Imdb ID"
         value={inputState.imdbId}
-        onChange={e => setInputState({ ...inputState, imdbId: e })}
+        onChange={e => setInputState({ ...inputState, imdbId: e.target.value })}
         onBlur={() => setBlurredFields({ ...blurredFields, imdbId: true })}
         error={imdbIdError}
       />
diff --git a/src/components/TextField/TextField.tsx b/src/components/TextField/TextField.tsx
index 1d517a7b5..1309f8fc0 100644
--- a/src/components/TextField/TextField.tsx
+++ b/src/components/TextField/TextField.tsx
@@ -7,7 +7,7 @@ type Props = {
   label?: string;
   placeholder?: string;
   required?: boolean;
-  onChange?: (newValue: string) => void;
+  onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
   onBlur?: () => void;
   error?: boolean;
 };
@@ -49,7 +49,7 @@ export const TextField: React.FC<Props> = ({
           })}
           placeholder={placeholder}
           value={value}
-          onChange={event => onChange(event.target.value)}
+          onChange={onChange}
           onBlur={() => {
             setTouched(true);
             if (onBlur) {