diff --git a/package.json b/package.json
index 1e3e8be..ded36b5 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-native-circular-chart",
-  "version": "1.0.9",
+  "version": "1.1.0",
   "description": "circular chart for react-native.",
   "main": "index.js",
   "module": "index.js",
diff --git a/src/index.tsx b/src/index.tsx
index 58cda02..edf4f59 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -228,6 +228,10 @@ export const DonutChart = ({
     }).start();
   }, []);
 
+  useEffect(() => {
+    setDisplayValue(data[0]);
+  }, [data]);
+
   const onUpdateDisplayValue = (value: DonutItem, index: number) => {
     setDisplayValue(value);
     animateOpacity.setValue(0);