fix: context-lenght-value (#3854)

web/containers/ModelSetting/SettingComponent.tsx

@@ -25,6 +25,7 @@ const SettingComponent: React.FC<Props> = ({
       case 'slider': {
         const { min, max, step, value } =
           data.controllerProps as SliderComponentProps
+
         return (
           <SliderRightPanel
             key={data.key}

web/containers/SliderRightPanel/index.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 
 import { Slider, Input, Tooltip } from '@janhq/joi'
 
@@ -32,6 +32,10 @@ const SliderRightPanel = ({
 
   useClickOutside(() => setShowTooltip({ max: false, min: false }), null, [])
 
+  useEffect(() => {
+    setVal(value.toString())
+  }, [value])
+
   return (
     <div className="flex flex-col">
       <div className="mb-3 flex items-center gap-x-2">