diff --git a/src/components/JumpControls.tsx b/src/components/JumpControls.tsx
index e30e76c..7f0f7d7 100644
--- a/src/components/JumpControls.tsx
+++ b/src/components/JumpControls.tsx
@@ -7,6 +7,7 @@ const JumpControls = (props: any)=>{
 
     const onChange = useCallback(
         (value) => {
+            console.log(value, "hello")
             if(value){
                 const newCurrIndex = value -1
                 if(newCurrIndex < src.length && newCurrIndex >=0){
@@ -28,8 +29,8 @@ const JumpControls = (props: any)=>{
         <Slider
             min={1}
             max={src.length}
-            onChange={onChange}
-            value={typeof inputValue === 'number' ? inputValue : 0}
+            onAfterChange={onChange}
+            defaultValue={typeof inputValue === 'number' ? inputValue : 0}
         />
         </Col>
         <Col span={4}>