From 153a88c96cb016116839c5066d05fb2b56b62603 Mon Sep 17 00:00:00 2001
From: Wojciech Maj <kontakt@wojtekmaj.pl>
Date: Fri, 26 Apr 2024 14:11:45 +0200
Subject: [PATCH] Explicitly provide undefined to useRef()

---
 packages/react-pdf/src/Document.tsx                   | 4 ++--
 packages/react-pdf/src/Page/TextLayer.tsx             | 2 +-
 packages/react-pdf/src/shared/hooks/useCachedValue.ts | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/react-pdf/src/Document.tsx b/packages/react-pdf/src/Document.tsx
index 107294fbc..dd723790c 100644
--- a/packages/react-pdf/src/Document.tsx
+++ b/packages/react-pdf/src/Document.tsx
@@ -271,8 +271,8 @@ const Document = forwardRef(function Document(
 
   const pages = useRef<HTMLDivElement[]>([]);
 
-  const prevFile = useRef<File>();
-  const prevOptions = useRef<Options>();
+  const prevFile = useRef<File | undefined>(undefined);
+  const prevOptions = useRef<Options | undefined>(undefined);
 
   useEffect(() => {
     if (file && file !== prevFile.current && isParameterObject(file)) {
diff --git a/packages/react-pdf/src/Page/TextLayer.tsx b/packages/react-pdf/src/Page/TextLayer.tsx
index d05ba7cf0..36be738a3 100644
--- a/packages/react-pdf/src/Page/TextLayer.tsx
+++ b/packages/react-pdf/src/Page/TextLayer.tsx
@@ -40,7 +40,7 @@ export default function TextLayer() {
   const [textContentState, textContentDispatch] = useResolver<TextContent>();
   const { value: textContent, error: textContentError } = textContentState;
   const layerElement = useRef<HTMLDivElement>(null);
-  const endElement = useRef<HTMLElement>();
+  const endElement = useRef<HTMLElement | undefined>(undefined);
 
   warning(
     parseInt(
diff --git a/packages/react-pdf/src/shared/hooks/useCachedValue.ts b/packages/react-pdf/src/shared/hooks/useCachedValue.ts
index dba3b3bbc..49aa580ae 100644
--- a/packages/react-pdf/src/shared/hooks/useCachedValue.ts
+++ b/packages/react-pdf/src/shared/hooks/useCachedValue.ts
@@ -5,7 +5,7 @@ import { useRef } from 'react';
 import { isDefined } from '../utils.js';
 
 export default function useCachedValue<T>(getter: () => T): () => T {
-  const ref = useRef<T>();
+  const ref = useRef<T | undefined>(undefined);
 
   const currentValue = ref.current;