From 45312d9c1b500daf6c82c2d8eb242afef2460077 Mon Sep 17 00:00:00 2001
From: flushentitypacket <ronniejhong@gmail.com>
Date: Wed, 1 Aug 2018 14:35:53 -0400
Subject: [PATCH] Add typing for Transition children as function. (#27693)

---
 types/react-transition-group/Transition.d.ts                  | 2 ++
 types/react-transition-group/react-transition-group-tests.tsx | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/types/react-transition-group/Transition.d.ts b/types/react-transition-group/Transition.d.ts
index 66ab782d1e..123f8b1622 100644
--- a/types/react-transition-group/Transition.d.ts
+++ b/types/react-transition-group/Transition.d.ts
@@ -16,6 +16,7 @@ export interface TransitionActions {
     exit?: boolean;
 }
 
+export type TransitionChildren = React.ReactNode | ((status: string) => React.ReactNode);
 export interface TransitionProps extends TransitionActions {
     in?: boolean;
     mountOnEnter?: boolean;
@@ -29,6 +30,7 @@ export interface TransitionProps extends TransitionActions {
     onExiting?: ExitHandler;
     onExited?: ExitHandler;
     [prop: string]: any;
+    children?: TransitionChildren;
 }
 
 /**
diff --git a/types/react-transition-group/react-transition-group-tests.tsx b/types/react-transition-group/react-transition-group-tests.tsx
index 1441027481..ce096f3dc7 100644
--- a/types/react-transition-group/react-transition-group-tests.tsx
+++ b/types/react-transition-group/react-transition-group-tests.tsx
@@ -51,6 +51,9 @@ const Test: React.StatelessComponent = () => {
             >
                 <div>{ "test" }</div>
             </Components.Transition>
+            <Components.Transition in timeout={500}>
+                {(status) => <div>{status}</div>}
+            </Components.Transition>
 
             <Transition
                 timeout={ { enter : 500, exit : 500 } }