From 38a5bd050201a2524c3e79378df8b5d70862beff Mon Sep 17 00:00:00 2001
From: Brodie <brodie@bxvd.dev>
Date: Wed, 4 Aug 2021 14:31:28 +1000
Subject: [PATCH 1/3] Fix typo on checking type of props.onSlidingStart

---
 index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.js b/index.js
index 9b9e84d..66dcc64 100644
--- a/index.js
+++ b/index.js
@@ -184,7 +184,7 @@ export default class extends Component {
   };
 
   onSlidingStart = () => {
-    if (typeof this.props.onSlide === 'function') {
+    if (typeof this.props.onSlidingStart === 'function') {
       this.props.onSlidingStart();
     }
   }

From fdff1818c3d90ba844e4ef7ab94e56dc41ad3aaa Mon Sep 17 00:00:00 2001
From: Brodie <brodie@bxvd.dev>
Date: Wed, 4 Aug 2021 14:41:43 +1000
Subject: [PATCH 2/3] Update type declaration

---
 index.d.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/index.d.ts b/index.d.ts
index eddfa20..f3aa355 100644
--- a/index.d.ts
+++ b/index.d.ts
@@ -17,6 +17,8 @@ interface ScrubberProps {
   displayValues?: boolean;
 }
 
-declare class Scrubber extends Component<ScrubberProps, any> {}
+declare class Scrubber extends Component<ScrubberProps, any> {
+  setValue: (value: number) => void;
+}
 
 export = Scrubber;

From 5462970798da6473f017d687f97bb9b8e651f95f Mon Sep 17 00:00:00 2001
From: Brodie <brodie@bxvd.dev>
Date: Wed, 4 Aug 2021 14:45:02 +1000
Subject: [PATCH 3/3] Allow for using state for value

---
 index.js | 18 ++++++++++++++----
 1 file changed, 14 insertions(+), 4 deletions(-)

diff --git a/index.js b/index.js
index 66dcc64..f182143 100644
--- a/index.js
+++ b/index.js
@@ -60,6 +60,7 @@ export default class extends Component {
       scrubbingValue: 0,
       dimensionWidth: 0,
       startingNumberValue: props.value,
+      value: props.value || 0,
     };
 
     this._translateX = new Animated.Value(0);
@@ -86,6 +87,12 @@ export default class extends Component {
   componentWillUnmount() {
     this._translateX.removeAllListeners();
   }
+  
+  setValue(value) {
+    if (typeof value === 'number') {
+      this.setState({ ...this.state, value });
+    }
+  }
 
   scaleUp = () => {
     Animated.timing(this.scaleFactor, {
@@ -105,7 +112,8 @@ export default class extends Component {
 
   _onHandlerStateChange = (event) => {
     if (event.nativeEvent.state === State.BEGAN) {
-      const { totalDuration, value } = this.props;
+      const { totalDuration } = this.props;
+      const value = this.props.value || this.state.value;
       const currentPercent =
         totalDuration !== 0
           ? Math.min(totalDuration, value) / totalDuration
@@ -151,7 +159,8 @@ export default class extends Component {
 
   formattedStartingNumber = () => {
     const { scrubbing, startingNumberValue } = this.state;
-    const { value, totalDuration } = this.props;
+    const { totalDuration } = this.props;
+    const value = this.props.value || this.state.value;
 
     if (!totalDuration) {
       return PLACEHOLDER_DISPLAY_VALUE;
@@ -161,7 +170,8 @@ export default class extends Component {
   };
 
   formattedEndingNumber = () => {
-    const { value, totalDuration } = this.props;
+    const { totalDuration } = this.props;
+    const value = this.props.value || this.state.value;
     const { scrubbing, endingNumberValue } = this.state;
     const cappedValue = Math.min(totalDuration, value);
     const remainingValue = totalDuration - cappedValue;
@@ -264,7 +274,6 @@ export default class extends Component {
 
   render() {
     const {
-      value = 0,
       bufferedValue = 0,
       totalDuration = 1,
       trackBackgroundColor = DefaultColors.trackBackgroundColor,
@@ -274,6 +283,7 @@ export default class extends Component {
       displayedValueStyle = { color: DefaultColors.valueColor },
       displayValues = true,
     } = this.props;
+    const value = this.props.value || this.state.value;
 
     const { scrubbing, dimensionWidth } = this.state;