diff --git a/src/components/ArticleCardList.jsx b/src/components/ArticleCardList.tsx
similarity index 82%
rename from src/components/ArticleCardList.jsx
rename to src/components/ArticleCardList.tsx
index ed33db27..9ee98ae1 100644
--- a/src/components/ArticleCardList.jsx
+++ b/src/components/ArticleCardList.tsx
@@ -1,8 +1,13 @@
-import React from 'react'
 import Paginator from './Paginator'
 import { ArticleCard } from './ArticleCard'
 
-export const ArticleCardList = ({ articles, nextPage, prevPage }) => (
+export interface IArticleCardListProps {
+    articles: any[]
+    nextPage: number | null
+    prevPage: number | null
+}
+
+export const ArticleCardList:React.FC<IArticleCardListProps> = ({ articles, nextPage, prevPage }) => (
     <div>
         <style jsx>{`
             .body {