diff --git a/Hamburger.js b/Hamburger.js
index 4fee6b0..4adcff6 100644
--- a/Hamburger.js
+++ b/Hamburger.js
@@ -186,12 +186,8 @@ export default class Hamburger extends Component {
     }
 
 
-    _animate() {
-        setTimeout(()=> {
-            this.setState({
-                active: this.props.active
-            });
-        }, 0);
+    _animate(active) {
+        this.setState({ active });
         const { props: { type } } = this;
         type=="spinArrow" ? this.spinArrow() :
         type=="arrow" ? this.arrow() :
@@ -202,7 +198,7 @@ export default class Hamburger extends Component {
     }
     componentWillReceiveProps(nextProps) {
         if (nextProps.active !== this.state.active) {
-            this._animate();
+            this._animate(nextProps.active);
         }
     }
     componentDidMount() {
@@ -260,7 +256,7 @@ export default class Hamburger extends Component {
 
         return (
             <TouchableWithoutFeedback
-                onPress={()=> {this.props.onPress ? this.props.onPress() : undefined, this._animate()}}>
+                onPress={()=> {this.props.onPress ? this.props.onPress() : undefined}}>
                 <Animated.View style={{
                     width: 35,
                     justifyContent: 'center',
diff --git a/index.d.ts b/index.d.ts
new file mode 100644
index 0000000..d25cf90
--- /dev/null
+++ b/index.d.ts
@@ -0,0 +1,10 @@
+import { Component } from "react";
+
+interface HamburgerProps {
+  active: boolean;
+  type: 'cross' | 'spinCross' | 'arrow' | 'spinArrow';
+  color?: string;
+  onPress?: () => void;
+}
+
+export default class Hamburger extends Component<HamburgerProps> {}