diff --git a/dist/index.js b/dist/index.js
index c2b339f..8b745b2 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -10,11 +10,12 @@ import {
   Text,
   View
 } from 'react-native';
-import Timer from 'react-timer-mixin';
+import TimerMixin from 'react-timer-mixin';
+import reactMixin from 'react-mixin';
 
 const HALF_RAD = Math.PI/2
 
-export default class AnimateNumber extends Component {
+class AnimateNumber extends Component {
 
   props : {
     countBy? : ?number,
@@ -130,7 +131,7 @@ export default class AnimateNumber extends Component {
 
     let progress = this.getAnimationProgress()
 
-    Timer.setTimeout(() => {
+    this.setTimeout(() => {
 
       let value = (this.endWith - this.startFrom)/this.props.steps
       let sign = value >= 0 ? 1 : -1
@@ -173,3 +174,7 @@ export default class AnimateNumber extends Component {
   }
 
 }
+
+reactMixin(AnimateNumber.prototype, TimerMixin);
+
+export default AnimateNumber;
diff --git a/package.json b/package.json
index 76d1879..ca711f0 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   "license": "MIT",
   "dependencies": {
     "babel-plugin-syntax-async-functions": "^6.8.0",
+    "react-mixin": "^4.0.0",
     "react-timer-mixin": "^0.13.3"
   },
   "keywords": [
@@ -57,7 +58,7 @@
     "react-native": "0.25.1",
     "react-native-mock": "^0.1.0"
   },
-	"repository": {
-		"url": "https://github.com/wkh237/react-native-animate-number.git"
-	}
+  "repository": {
+    "url": "https://github.com/wkh237/react-native-animate-number.git"
+  }
 }