From 81cd5e4f2431696817c5229c9b63b621f84cf09d Mon Sep 17 00:00:00 2001
From: Lukas Bauer <l.bauer@nexus.local>
Date: Wed, 25 Mar 2026 15:00:00 +0000
Subject: [PATCH] Add ErrorBoundary component

---
 src/components/ErrorBoundary.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/components/ErrorBoundary.tsx

diff --git a/src/components/ErrorBoundary.tsx b/src/components/ErrorBoundary.tsx
new file mode 100644
index 0000000..a4e430f
--- /dev/null
+++ b/src/components/ErrorBoundary.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+
+interface State { hasError: boolean; message: string; }
+
+export class ErrorBoundary extends React.Component<React.PropsWithChildren, State> {
+  state: State = { hasError: false, message: '' };
+
+  static getDerivedStateFromError(err: Error): State {
+    return { hasError: true, message: err.message };
+  }
+
+  render() {
+    if (this.state.hasError) {
+      return (
+        <div role="alert" style={{ padding: 24, color: 'var(--color-error)' }}>
+          <h2>Something went wrong</h2>
+          <pre>{this.state.message}</pre>
+        </div>
+      );
+    }
+    return this.props.children;
+  }
+}