diff --git a/client/src/components/inputFilter.js b/client/src/components/inputFilter.tsx
similarity index 83%
rename from client/src/components/inputFilter.js
rename to client/src/components/inputFilter.tsx
index a377dc9..2452435 100644
--- a/client/src/components/inputFilter.js
+++ b/client/src/components/inputFilter.tsx
@@ -2,7 +2,12 @@ import React from 'react';
 import Search from '../art/searchSvg';
 import Cancel from '../art/cancelSvg';
 
-const InputFilter = ({filter, onChange}) => (
+type InputFilterProps = {
+    filter: string;
+    onChange: (value: string) => void;
+}
+
+const InputFilter = ({filter, onChange}: InputFilterProps) => (
     <>
         <input
             className='header_filter header_fill optional_xsmall'