@@ -60,6 +60,19 @@ const ChallengeFilter = ({
60
60
const [ totalPrizesFromError , setTotalPrizesFromError ] = useState ( null ) ;
61
61
const [ totalPrizesToError , setTotalPrizesToError ] = useState ( null ) ;
62
62
63
+ const [ valTotalPrizesFrom , setValTotalPrizesFrom ] = useState ( totalPrizesFrom ) ;
64
+ const [ valTotalPrizesTo , setValTotalPrizesTo ] = useState ( totalPrizesTo ) ;
65
+
66
+ useEffect ( ( ) => {
67
+ ref . current . totalPrizesFrom = totalPrizesFrom ;
68
+ setValTotalPrizesFrom ( totalPrizesFrom ) ;
69
+ } , [ totalPrizesFrom ] ) ;
70
+
71
+ useEffect ( ( ) => {
72
+ ref . current . totalPrizesTo = totalPrizesTo ;
73
+ setValTotalPrizesTo ( totalPrizesTo ) ;
74
+ } , [ totalPrizesTo ] ) ;
75
+
63
76
const onInputTotalPrizesFrom = useRef ( _ . debounce ( ( f ) => f ( ) , 500 ) ) ;
64
77
const onInputTotalPrizesTo = useRef ( _ . debounce ( ( f ) => f ( ) , 500 ) ) ;
65
78
@@ -159,7 +172,7 @@ const ChallengeFilter = ({
159
172
} else {
160
173
setTotalPrizesFromError ( null ) ;
161
174
}
162
- totalPrizesFrom = value . toLocaleString ( "en-US" ) ;
175
+ setValTotalPrizesFrom ( value . toLocaleString ( "en-US" ) ) ;
163
176
if ( totalPrizesToError ) {
164
177
return ;
165
178
}
@@ -192,7 +205,7 @@ const ChallengeFilter = ({
192
205
} else {
193
206
setTotalPrizesToError ( null ) ;
194
207
}
195
- totalPrizesTo = value . toLocaleString ( "en-US" ) ;
208
+ setValTotalPrizesTo ( value . toLocaleString ( "en-US" ) ) ;
196
209
if ( totalPrizesFromError ) {
197
210
return ;
198
211
}
0 commit comments