Ref types need to be E|null instead of E|undefined.

OregonWalks · Jul 24, 2020 · ad44d48 · ad44d48
1 parent 9b8c45a
commit ad44d48
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/components/gather-tile-details-modal.tsx b/components/gather-tile-details-modal.tsx
@@ -47,11 +47,9 @@ export function GatherTileDetailsModal({ tile, tileDetails, setTileDetails,
     setTileDetails({ ...tileDetails, detailString: event.target.value });
   }, [setTileDetails, tileDetails]);
 
-  const addYourOwnRef = useRef<HTMLInputElement>();
-  const onShow = useCallback(()=>{
-    if (addYourOwnRef.current) {
-      addYourOwnRef.current.focus();
-    }
+  const addYourOwnRef = useRef<HTMLInputElement>(null);
+  const onShow = useCallback(() => {
+    addYourOwnRef.current?.focus();
   }, []);
 
   return <Modal show={true} onShow={onShow} onHide={onCancel}>