feat: error boundary

retalkgo · Aug 23, 2023 · 0b8de6b · 0b8de6b
1 parent 5b6db08
commit 0b8de6b
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/client/src/retalk.tsx b/packages/client/src/retalk.tsx
@@ -1,3 +1,4 @@
+import { ErrorBoundary } from "solid-js";
 import { render } from "solid-js/web";
 
 import { Retalk as RetalkComponent } from "./components/Retalk";
@@ -17,9 +18,13 @@ export default class Retalk {
 		}
 		this.#destroy = render(
 			() => (
-				<OptionsProvider options={resolvedOptions}>
-					<RetalkComponent />
-				</OptionsProvider>
+				<ErrorBoundary
+					fallback={(err) => <div>Critical error: {err.toString()}</div>}
+				>
+					<OptionsProvider options={resolvedOptions}>
+						<RetalkComponent />
+					</OptionsProvider>
+				</ErrorBoundary>
 			),
 			resolvedEl,
 		);