8
8
*/
9
9
10
10
import throttle from 'lodash.throttle' ;
11
- import {
12
- useCallback ,
13
- useEffect ,
14
- useLayoutEffect ,
15
- useMemo ,
16
- useState ,
17
- } from 'react' ;
11
+ import { useCallback , useEffect , useLayoutEffect , useState } from 'react' ;
18
12
import { unstable_batchedUpdates as batchedUpdates } from 'react-dom' ;
19
13
import {
20
14
localStorageGetItem ,
@@ -42,11 +36,14 @@ export function useEditableValue(
42
36
const [ parsedValue , setParsedValue ] = useState ( initialValue ) ;
43
37
const [ isValid , setIsValid ] = useState ( initialIsValid ) ;
44
38
45
- const reset = useCallback ( ( ) => {
46
- setEditableValue ( smartStringify ( initialValue ) ) ;
47
- setParsedValue ( initialValue ) ;
48
- setIsValid ( initialIsValid ) ;
49
- } , [ ] ) ;
39
+ const reset = useCallback (
40
+ ( ) => {
41
+ setEditableValue ( smartStringify ( initialValue ) ) ;
42
+ setParsedValue ( initialValue ) ;
43
+ setIsValid ( initialIsValid ) ;
44
+ } ,
45
+ [ initialValue , initialIsValid ] ,
46
+ ) ;
50
47
51
48
const update = useCallback ( newValue => {
52
49
let isNewValueValid = false ;
@@ -65,17 +62,14 @@ export function useEditableValue(
65
62
} ) ;
66
63
} , [ ] ) ;
67
64
68
- return useMemo (
69
- ( ) => ( {
70
- editableValue,
71
- hasPendingChanges : smartStringify ( initialValue ) !== editableValue ,
72
- isValid,
73
- parsedValue,
74
- reset,
75
- update,
76
- } ) ,
77
- [ editableValue , initialValue , isValid , parsedValue ] ,
78
- ) ;
65
+ return {
66
+ editableValue,
67
+ hasPendingChanges : smartStringify ( initialValue ) !== editableValue ,
68
+ isValid,
69
+ parsedValue,
70
+ reset,
71
+ update,
72
+ } ;
79
73
}
80
74
81
75
export function useIsOverflowing (
0 commit comments