fix(Slider): make it optional to provide an updated prop value

dnbexperience · Aug 30, 2022 · b558992 · b558992
1 parent fcdf9f8
commit b558992
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/packages/dnb-eufemia/src/components/slider/SliderProvider.tsx b/packages/dnb-eufemia/src/components/slider/SliderProvider.tsx
@@ -102,6 +102,8 @@ export function SliderProvider(localProps: SliderProps) {
   } = allProps
 
   const [value, setValue] = React.useState<ValueTypes>(_value)
+  const [exterValue, updateExternValue] =
+    React.useState<ValueTypes>(_value)
   const realtimeValue = React.useRef<ValueTypes>(_value)
   const [thumbState, setThumbState] =
     React.useState<ThumbStateEnums>('initial')
@@ -215,14 +217,16 @@ export function SliderProvider(localProps: SliderProps) {
   React.useEffect(() => {
     if (isMulti) {
       const hasChanged = (_value as Array<number>).some((val, i) => {
-        return val !== value[i]
+        return val !== exterValue[i]
       })
 
       if (hasChanged) {
         updateValue(_value)
+        updateExternValue(_value)
       }
-    } else {
+    } else if (_value !== exterValue) {
       updateValue(_value)
+      updateExternValue(_value)
     }
 
     // eslint-disable-next-line react-hooks/exhaustive-deps