fix: blur should use latest onCancel again

Author: zombieJ

src/hooks/usePickerInput.ts

@@ -34,10 +34,6 @@ export default function usePickerInput({
    * since this will repeat trigger `onOpenChange` event.
    */
   const preventBlurRef = React.useRef<boolean>(false);
-  const cancelRef = React.useRef({
-    onCancel,
-  });
-  cancelRef.current.onCancel = onCancel;
 
   const inputProps: React.DOMAttributes<HTMLInputElement> = {
     onMouseDown: () => {
@@ -102,7 +98,7 @@ export default function usePickerInput({
       if (blurToCancel) {
         setTimeout(() => {
           if (isClickOutside(document.activeElement)) {
-            cancelRef.current.onCancel();
+            onCancel();
           }
         }, 0);
       } else {

src/hooks/useTextValueMapping.ts

@@ -9,14 +9,16 @@ export default function useTextValueMapping<ValueType>({
   onTextChange: (text: string) => void;
 }): [string, (text: string) => void, () => void] {
   const [text, setInnerText] = React.useState('');
+  const valueTextsRef = React.useRef<string[]>([]);
+  valueTextsRef.current = valueTexts;
 
   function triggerTextChange(value: string) {
     setInnerText(value);
     onTextChange(value);
   }
 
   function resetText() {
-    setInnerText(valueTexts[0]);
+    setInnerText(valueTextsRef.current[0]);
   }
 
   React.useEffect(() => {