From 2f1c1d33496b4a1000aab6b17ccd14e18a46e54f Mon Sep 17 00:00:00 2001
From: kang <kangju2000@gmail.com>
Date: Sun, 22 Sep 2024 16:42:45 +0900
Subject: [PATCH] fix: Handle string errors in SandpackTests component

---
 sandpack-react/src/components/Tests/FormattedError.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/sandpack-react/src/components/Tests/FormattedError.tsx b/sandpack-react/src/components/Tests/FormattedError.tsx
index 873f6443c..c4dff0e7b 100644
--- a/sandpack-react/src/components/Tests/FormattedError.tsx
+++ b/sandpack-react/src/components/Tests/FormattedError.tsx
@@ -44,7 +44,7 @@ const escapeHtml = (unsafe: string): string => {
 const formatDiffMessage = (error: TestError, path: string): string => {
   let finalMessage = "";
   if (error.matcherResult) {
-    finalMessage = `<span>${escapeHtml(error.message)
+    finalMessage = `<span>${escapeHtml(error.message ?? "")
       .replace(/(expected)/m, `<span class="${passTextClassName}">$1</span>`)
       .replace(/(received)/m, `<span class="${failTextClassName}">$1</span>`)
       .replace(/(Difference:)/m, `<span>$1</span>`)
@@ -62,7 +62,7 @@ const formatDiffMessage = (error: TestError, path: string): string => {
         `<span class="${passTextClassName}">$1</span>`
       )}</span>`;
   } else {
-    finalMessage = escapeHtml(error.message);
+    finalMessage = escapeHtml(error.message ?? "");
   }
 
   if (