fix: preserve value when re-rendering

Refs: #97
soywod · Jan 18, 2025 · 89732a0 · 89732a0
1 parent 9255d15
commit 89732a0
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/pin-field.tsx b/src/pin-field.tsx
@@ -40,7 +40,6 @@ export const PinField = forwardRef<HTMLInputElement[], Props>(
 
     function handleKeyDownAt(index: number): KeyboardEventHandler<HTMLInputElement> {
       return event => {
-        console.log("keyDown", index, event);
         const { key, code, keyCode, which } = event;
         dispatch({ type: "handle-key-down", index, key, code, keyCode, which });
       };
@@ -144,6 +143,7 @@ export const PinField = forwardRef<HTMLInputElement[], Props>(
         {...nativeProps}
         key={index}
         ref={setRefAt(index)}
+        value={index in state.values ? state.values[index] : ""}
         autoFocus={index === 0 && autoFocus}
         onKeyDown={handleKeyDownAt(index)}
         onChange={handleChangeAt(index)}