From f2397a48a68851e73b20c31928c6b028aa3a340c Mon Sep 17 00:00:00 2001
From: Abruzzi <abruzzi.hraig@gmail.com>
Date: Tue, 29 May 2018 14:55:38 +1000
Subject: [PATCH 1/2] Add props to the property 'component' of TransitionGroup
 from itself

---
 .../react-transition-group/TransitionGroup.d.ts  |  1 +
 .../react-transition-group-tests.tsx             | 16 +++++++++++++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/types/react-transition-group/TransitionGroup.d.ts b/types/react-transition-group/TransitionGroup.d.ts
index 13e8daf228..d863f0eb34 100644
--- a/types/react-transition-group/TransitionGroup.d.ts
+++ b/types/react-transition-group/TransitionGroup.d.ts
@@ -14,6 +14,7 @@ declare namespace TransitionGroup {
         (IntrinsicTransitionGroupProps<T> & JSX.IntrinsicElements[T]) | (ComponentTransitionGroupProps<V>) & {
         children?: ReactElement<TransitionProps> | Array<ReactElement<TransitionProps>>;
         childFactory?(child: ReactElement<any>): ReactElement<any>;
+        [prop: string]: any;
     };
 }
 
diff --git a/types/react-transition-group/react-transition-group-tests.tsx b/types/react-transition-group/react-transition-group-tests.tsx
index 32d4168e83..95a86ce5b4 100644
--- a/types/react-transition-group/react-transition-group-tests.tsx
+++ b/types/react-transition-group/react-transition-group-tests.tsx
@@ -4,6 +4,19 @@ import Transition, { UNMOUNTED, EXITED, ENTERING, ENTERED, EXITING } from "react
 import TransitionGroup = require("react-transition-group/TransitionGroup");
 import Components = require("react-transition-group");
 
+interface IContainerProps {
+    theme: string;
+    children?: Element[];
+}
+
+const Container: React.StatelessComponent<IContainerProps> = (props: IContainerProps) => {
+    return (
+        <div data-theme={props.theme}>
+            {props.children}
+        </div>
+    );
+}
+
 const Test: React.StatelessComponent = () => {
     function handleEnter(node: HTMLElement, isAppearing: boolean) {}
 
@@ -15,7 +28,8 @@ const Test: React.StatelessComponent = () => {
 
     return (
         <TransitionGroup
-            component="ul"
+            component={Container}
+            theme="test"
             className="animated-list"
             childFactory={ (child: React.ReactElement<any>) => child }
         >

From 2ead492827f52a33a28df07f1db4912a92a5ae5c Mon Sep 17 00:00:00 2001
From: Abruzzi <abruzzi.hraig@gmail.com>
Date: Tue, 29 May 2018 16:26:59 +1000
Subject: [PATCH 2/2] [react-transition-group]: fix as the require of tslint

---
 .../react-transition-group/react-transition-group-tests.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/types/react-transition-group/react-transition-group-tests.tsx b/types/react-transition-group/react-transition-group-tests.tsx
index 95a86ce5b4..1441027481 100644
--- a/types/react-transition-group/react-transition-group-tests.tsx
+++ b/types/react-transition-group/react-transition-group-tests.tsx
@@ -4,18 +4,18 @@ import Transition, { UNMOUNTED, EXITED, ENTERING, ENTERED, EXITING } from "react
 import TransitionGroup = require("react-transition-group/TransitionGroup");
 import Components = require("react-transition-group");
 
-interface IContainerProps {
+interface ContainerProps {
     theme: string;
     children?: Element[];
 }
 
-const Container: React.StatelessComponent<IContainerProps> = (props: IContainerProps) => {
+const Container: React.StatelessComponent<ContainerProps> = (props: ContainerProps) => {
     return (
         <div data-theme={props.theme}>
             {props.children}
         </div>
     );
-}
+};
 
 const Test: React.StatelessComponent = () => {
     function handleEnter(node: HTMLElement, isAppearing: boolean) {}