From 50695b6866cdc0b54e17546ca9aeafd694b48e18 Mon Sep 17 00:00:00 2001
From: Elio Struyf <elio@struyfconsulting.be>
Date: Wed, 9 Mar 2022 20:47:24 +0100
Subject: [PATCH] Error boundary for keyword

---
 src/panelWebView/components/SeoKeywordInfo.tsx | 2 +-
 src/panelWebView/components/SeoKeywords.tsx    | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/panelWebView/components/SeoKeywordInfo.tsx b/src/panelWebView/components/SeoKeywordInfo.tsx
index 148df429..8ccb8998 100644
--- a/src/panelWebView/components/SeoKeywordInfo.tsx
+++ b/src/panelWebView/components/SeoKeywordInfo.tsx
@@ -52,7 +52,7 @@ const SeoKeywordInfo: React.FunctionComponent<ISeoKeywordInfoProps> = ({keyword,
     return <ValidInfo label={`Used in heading(s)`} isValid={exists.length > 0} />;
   }; 
 
-  if (!keyword) {
+  if (!keyword || typeof keyword !== "string") {
     return null;
   }
 
diff --git a/src/panelWebView/components/SeoKeywords.tsx b/src/panelWebView/components/SeoKeywords.tsx
index 282e9a83..6171a01b 100644
--- a/src/panelWebView/components/SeoKeywords.tsx
+++ b/src/panelWebView/components/SeoKeywords.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { SeoKeywordInfo } from './SeoKeywordInfo';
 import { VsTable, VsTableBody, VsTableHeader, VsTableHeaderCell } from './VscodeComponents';
+import { ErrorBoundary } from '@sentry/react';
 
 export interface ISeoKeywordsProps {
   keywords: string[] | null;
@@ -48,7 +49,9 @@ const SeoKeywords: React.FunctionComponent<ISeoKeywordsProps> = ({keywords, ...d
           {
             validateKeywords().map((keyword, index) => {
               return (
-                <SeoKeywordInfo key={index} keyword={keyword} {...data} />
+                <ErrorBoundary fallback={<div />}>
+                  <SeoKeywordInfo key={index} keyword={keyword} {...data} />
+                </ErrorBoundary>
               );
             })
           }