diff --git a/src/components/DoSearch/DoReplenishmentTab.tsx b/src/components/DoSearch/DoReplenishmentTab.tsx
index 4e66eea..a38c0fb 100644
--- a/src/components/DoSearch/DoReplenishmentTab.tsx
+++ b/src/components/DoSearch/DoReplenishmentTab.tsx
@@ -431,7 +431,9 @@ function groupDraftRowsByLaneShopAndDo(rows: ReplenishmentDraftRow[]): DraftLane
 const DoReplenishmentTab: React.FC = () => {
   const { t } = useTranslation("do");
   const inFlightRef = useRef(false);
-  const itemCodeInputRef = useRef<HTMLInputElement>(null);
+  const itemCodeInputRef = useRef<HTMLInputElement | null>(
+    null,
+  ) as React.MutableRefObject<HTMLInputElement | null>;
   const [isSubmitting, setIsSubmitting] = useState(false);
   const [isLookingUp, setIsLookingUp] = useState(false);