From 0b908c4bb1d1050a99848442d915de43f4d9f17a Mon Sep 17 00:00:00 2001
From: Jackson Harper <jacksonh@gmail.com>
Date: Tue, 11 Jun 2024 12:47:12 +0800
Subject: [PATCH] Dont crash reader if items have a webkit element

---
 packages/web/components/templates/article/Article.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/packages/web/components/templates/article/Article.tsx b/packages/web/components/templates/article/Article.tsx
index 5d58274de..25de5385c 100644
--- a/packages/web/components/templates/article/Article.tsx
+++ b/packages/web/components/templates/article/Article.tsx
@@ -67,8 +67,9 @@ export function Article(props: ArticleProps): JSX.Element {
   const [lightboxOpen, setLightboxOpen] = useState(false)
   const [imageSrcs, setImageSrcs] = useState<SlideImage[]>([])
   const [lightboxIndex, setlightBoxIndex] = useState(0)
-  const [linkHoverData, setlinkHoverData] =
-    useState<LinkHoverData | undefined>()
+  const [linkHoverData, setlinkHoverData] = useState<
+    LinkHoverData | undefined
+  >()
 
   useEffect(() => {
     ;(async () => {
@@ -97,7 +98,10 @@ export function Article(props: ArticleProps): JSX.Element {
   // Post message to webkit so apple app embeds get progress updates
   // TODO: verify if ios still needs this code...seeems to be duplicated
   useEffect(() => {
-    if (typeof window?.webkit != 'undefined') {
+    if (
+      typeof window?.webkit != 'undefined' &&
+      'messageHandlers' in window.webkit
+    ) {
       window.webkit.messageHandlers.readingProgressUpdate?.postMessage({
         progress: readingProgress,
       })