diff --git a/types/react-native/index.d.ts b/types/react-native/index.d.ts
index 6b01306633..c19e7cc8db 100644
--- a/types/react-native/index.d.ts
+++ b/types/react-native/index.d.ts
@@ -26,6 +26,7 @@
 //                 Romain Faust <https://github.com/romain-faust>
 //                 Be Birchall <https://github.com/bebebebebe>
 //                 Jesse Katsumata <https://github.com/Naturalclar>
+//                 Xianming Zhong <https://github.com/chinesedfan>
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
@@ -8857,7 +8858,7 @@ export function findNodeHandle(
 
 export function processColor(color: any): number;
 
-export const YellowBox: React.Component<any, any> & { ignoreWarnings: (warnings: string[]) => void };
+export const YellowBox: React.ComponentClass<any, any> & { ignoreWarnings: (warnings: string[]) => void };
 
 //////////////////////////////////////////////////////////////////////////
 //
diff --git a/types/react-native/test/index.tsx b/types/react-native/test/index.tsx
index 84c1df0dbc..e2b478778f 100644
--- a/types/react-native/test/index.tsx
+++ b/types/react-native/test/index.tsx
@@ -88,6 +88,7 @@ import {
     ProgressBarAndroid,
     PushNotificationIOS,
     AccessibilityInfo,
+    YellowBox,
 } from "react-native";
 
 declare module "react-native" {
@@ -956,3 +957,6 @@ const PushNotificationTest = () => {
         },
     });
 }
+
+// YellowBox
+const YellowBoxTest = () => <YellowBox />;