diff --git a/CHANGES.md b/CHANGES.md
index 6023ee6..dd77c59 100644
--- a/CHANGES.md
+++ b/CHANGES.md
@@ -1,3 +1,7 @@
+## 5.0.4
+
+- add `syncMethod` prop to `LineChart`, `AreaChart`, `BarChart`, `ComposedChart`
+
 ## 5.0.3
 
 - fix tick props in `XAxis`, `YAxis` and `ZAxis`
@@ -12,8 +16,8 @@
 
 ## 5.0.0
 
-- *[breaking]* improve bindings for XYZ axes, Treemap, Pie and Cell components [#59](https://github.com/ahrefs/melange-recharts/pull/59)
-- *[breaking]* remove `TooltipCursor` module [#60](https://github.com/ahrefs/melange-recharts/pull/60)
+- _[breaking]_ improve bindings for XYZ axes, Treemap, Pie and Cell components [#59](https://github.com/ahrefs/melange-recharts/pull/59)
+- _[breaking]_ remove `TooltipCursor` module [#60](https://github.com/ahrefs/melange-recharts/pull/60)
 
 ## 4.0.7 (2024-11-23)
 
@@ -104,10 +108,10 @@
 
 ## 1.0.2 (2021-05-19)
 
--  Bump url-parse from 1.4.7 to 1.5.1 in /examples (#40)
--  Bump lodash from 4.17.19 to 4.17.21 in /examples (#41)
--  Bump elliptic from 6.5.3 to 6.5.4 in /examples (#36)
--  Bump y18n from 4.0.0 to 4.0.1 in /examples (#37)
+- Bump url-parse from 1.4.7 to 1.5.1 in /examples (#40)
+- Bump lodash from 4.17.19 to 4.17.21 in /examples (#41)
+- Bump elliptic from 6.5.3 to 6.5.4 in /examples (#36)
+- Bump y18n from 4.0.0 to 4.0.1 in /examples (#37)
 
 ## 1.0.1 (2021-01-09)
 
diff --git a/src/AreaChart.re b/src/AreaChart.re
index 1fdda96..7954b35 100644
--- a/src/AreaChart.re
+++ b/src/AreaChart.re
@@ -19,6 +19,7 @@ external make:
     ~onMouseMove: (Js.Nullable.t(Js.t({..})), React.Event.Mouse.t) => unit=?,
     ~stackOffset: stackOffset=?,
     ~syncId: string=?,
+    ~syncMethod: syncMethod=?,
     ~width: int=?,
     ~children: React.element
   ) =>
diff --git a/src/BarChart.re b/src/BarChart.re
index c0aeced..59b81a6 100644
--- a/src/BarChart.re
+++ b/src/BarChart.re
@@ -23,6 +23,7 @@ external make:
     ~reverseStackOrder: bool=?,
     ~stackOffset: stackOffset=?,
     ~syncId: string=?,
+    ~syncMethod: syncMethod=?,
     ~width: int=?,
     ~children: React.element
   ) =>
diff --git a/src/ComposedChart.re b/src/ComposedChart.re
index bf11abd..f515666 100644
--- a/src/ComposedChart.re
+++ b/src/ComposedChart.re
@@ -22,6 +22,7 @@ external make:
     ~reverseStackOrder: bool=?,
     ~stackOffset: stackOffset=?,
     ~syncId: string=?,
+    ~syncMethod: syncMethod=?,
     ~width: int=?,
     ~children: React.element
   ) =>
diff --git a/src/LineChart.re b/src/LineChart.re
index f559c6c..e0a1d9f 100644
--- a/src/LineChart.re
+++ b/src/LineChart.re
@@ -17,6 +17,7 @@ external make:
     ~onMouseLeave: (Js.t({..}), React.Event.Mouse.t) => unit=?,
     ~onMouseMove: (Js.Nullable.t(Js.t({..})), React.Event.Mouse.t) => unit=?,
     ~syncId: string=?,
+    ~syncMethod: syncMethod=?,
     ~width: int=?,
     ~children: React.element
   ) =>
diff --git a/src/Utils.re b/src/Utils.re
index 35ac952..4c75854 100644
--- a/src/Utils.re
+++ b/src/Utils.re
@@ -50,6 +50,8 @@ type layout = [ | `horizontal | `vertical];
 
 type stackOffset = [ | `expand | `none | `wiggle | `silhouette | `sign];
 
+type syncMethod = [ | `index | `value];
+
 type margin = {
   .
   "top": int,