diff --git a/README.md b/README.md
index 2aac016..2e79bfa 100644
--- a/README.md
+++ b/README.md
@@ -108,8 +108,8 @@ npm start
 | TaskListTable              |        | Specifies the task list Table view                                                             |
 
 - TooltipContent: [`React.FC<{ task: Task; fontSize: string; fontFamily: string; }>;`](https://github.com/MaTeMaTuK/gantt-task-react/blob/07dfeddd4d96ecc418619cad9cd9ba3c31bb82a8/src/components/Other/tooltip.tsx#L47)
-- TaskListHeader: `React.SFC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>;`
-- TaskListTable: `React.SFC<{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; }>;`
+- TaskListHeader: `React.FC<{ headerHeight: number; rowWidth: string; fontFamily: string; fontSize: string;}>;`
+- TaskListTable: `React.FC<{ rowHeight: number; rowWidth: string; fontFamily: string; fontSize: string; locale: string; tasks: Task[]; }>;`
 
 ### Task
 
diff --git a/src/components/task-list/task-list-header.tsx b/src/components/task-list/task-list-header.tsx
index 9be6702..4e8cdb6 100644
--- a/src/components/task-list/task-list-header.tsx
+++ b/src/components/task-list/task-list-header.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import styles from "./task-list-header.module.css";
 
-export const TaskListHeaderDefault: React.SFC<{
+export const TaskListHeaderDefault: React.FC<{
   headerHeight: number;
   rowWidth: string;
   fontFamily: string;
diff --git a/src/components/task-list/task-list-table.tsx b/src/components/task-list/task-list-table.tsx
index 4e6fb20..0abdc55 100644
--- a/src/components/task-list/task-list-table.tsx
+++ b/src/components/task-list/task-list-table.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import styles from "./task-list-table.module.css";
 import { Task } from "../../types/public-types";
 
-export const TaskListTableDefault: React.SFC<{
+export const TaskListTableDefault: React.FC<{
   rowHeight: number;
   rowWidth: string;
   fontFamily: string;
diff --git a/src/components/task-list/task-list.tsx b/src/components/task-list/task-list.tsx
index 98d770d..92ee29f 100644
--- a/src/components/task-list/task-list.tsx
+++ b/src/components/task-list/task-list.tsx
@@ -12,13 +12,13 @@ export type TaskListProps = {
   locale: string;
   tasks: Task[];
   horizontalContainerClass?: string;
-  TaskListHeader: React.SFC<{
+  TaskListHeader: React.FC<{
     headerHeight: number;
     rowWidth: string;
     fontFamily: string;
     fontSize: string;
   }>;
-  TaskListTable: React.SFC<{
+  TaskListTable: React.FC<{
     rowHeight: number;
     rowWidth: string;
     fontFamily: string;
diff --git a/src/types/public-types.ts b/src/types/public-types.ts
index 7872b2f..4201adc 100644
--- a/src/types/public-types.ts
+++ b/src/types/public-types.ts
@@ -71,13 +71,13 @@ export interface StylingOption {
     fontSize: string;
     fontFamily: string;
   }>;
-  TaskListHeader?: React.SFC<{
+  TaskListHeader?: React.FC<{
     headerHeight: number;
     rowWidth: string;
     fontFamily: string;
     fontSize: string;
   }>;
-  TaskListTable?: React.SFC<{
+  TaskListTable?: React.FC<{
     rowHeight: number;
     rowWidth: string;
     fontFamily: string;