Added button for testing

Author: LCSOGthb

src/App.tsx

@@ -1,3 +1,5 @@
+import React from "react";
+import ErrorButton from "./components/ErrorButton";
 import ToolCard from "./components/ToolCard";
 import Calculator from "./tools/Calculator";
 import PasswordGenerator from "./tools/PasswordGenerator";
@@ -19,4 +21,16 @@ export default function App() {
       ))}
     </main>
   );
+}
+
+export default function ErrorButton() {
+  return (
+    <button
+      onClick={() => {
+        throw new Error("This is your first error!");
+      }}
+    >
+      Break the world
+    </button>
+  );
 }

src/components/ErrorButton.tsx

@@ -0,0 +1,13 @@
+import React from "react";
+
+export default function ErrorButton() {
+  return (
+    <button
+      onClick={() => {
+        throw new Error("This is your first error!");
+      }}
+    >
+      Break the world
+    </button>
+  );
+}

src/main.tsx

@@ -1,8 +1,14 @@
-import "./sentry"; // ⚠️ must be first
 import React from "react";
 import { createRoot } from "react-dom/client";
+import { ErrorBoundary } from "@sentry/react";
 import App from "./App";
+import "./sentry"; // ⚠️ must be imported first
 
 const container = document.getElementById("app")!;
 const root = createRoot(container);
-root.render(<App />);
+
+root.render(
+  <ErrorBoundary fallback={<h2>Something went wrong.</h2>}>
+    <App />
+  </ErrorBoundary>
+);