From 0944aa3a8c8d645782dc2ccaca1c814cc1890344 Mon Sep 17 00:00:00 2001
From: Jaeyoung Lee <kkang090@gmail.com>
Date: Mon, 15 Jun 2026 13:09:56 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20ErrorBoundary=20fallback=20=EB=A0=8C?=
 =?UTF-8?q?=EB=8D=94=20=EC=8B=9C=20errorInfo=20null=20=ED=81=AC=EB=9E=98?=
 =?UTF-8?q?=EC=8B=9C=20=EB=B0=A9=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

[작업내용] :
- getDerivedStateFromError 가 errorInfo 를 채우지 않아 첫 fallback 렌더에서 this.state.errorInfo 가 null
- componentStack 접근에 옵셔널 체이닝(?.) 추가 — componentDidCatch 의 setState 후 정상 표시
- ErrorBoundary 가 자기 자신을 크래시시켜 원본 에러를 가리던 이중 에러 해소

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 src/components/common/ErrorBoundary.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/common/ErrorBoundary.jsx b/src/components/common/ErrorBoundary.jsx
index 677a67fa..dad497a0 100644
--- a/src/components/common/ErrorBoundary.jsx
+++ b/src/components/common/ErrorBoundary.jsx
@@ -40,7 +40,7 @@ class ErrorBoundary extends React.Component {
             <p><strong>Timestamp:</strong> {new Date().toISOString()}</p>
             <p><strong>Error:</strong> {this.state.error && this.state.error.toString()}</p>
             <p><strong>Stack Trace:</strong></p>
-            <pre>{this.state.errorInfo.componentStack}</pre>
+            <pre>{this.state.errorInfo?.componentStack}</pre>
           </details>
           <button 
             onClick={() => this.setState({ hasError: false, error: null, errorInfo: null })}