From 0520c52e5d9651ceac4b5ffa8e6812fecbf54f7f Mon Sep 17 00:00:00 2001
From: jollygrin <JollyGrin@protonmail.com>
Date: Wed, 3 Apr 2024 01:29:08 +0200
Subject: [PATCH] remove error boundary - doesnt work with next export

---
 components/ErrorBoundary.tsx | 97 ------------------------------------
 pages/_app.tsx               | 53 ++++++++++----------
 2 files changed, 25 insertions(+), 125 deletions(-)
 delete mode 100644 components/ErrorBoundary.tsx

diff --git a/components/ErrorBoundary.tsx b/components/ErrorBoundary.tsx
deleted file mode 100644
index 7a8823b..0000000
--- a/components/ErrorBoundary.tsx
+++ /dev/null
@@ -1,97 +0,0 @@
-import React from "react";
-
-interface ErrorBoundaryProps {
-  children: React.ReactNode;
-}
-
-class ErrorBoundary extends React.Component<ErrorBoundaryProps> {
-  constructor(props: ErrorBoundaryProps) {
-    super(props);
-
-    // Define a state variable to track whether is an error or not
-    this.state = { hasError: false };
-  }
-
-  static getDerivedStateFromError(error: Error): { hasError: boolean } {
-    // Update state so the next render will show the fallback UI
-    return { hasError: true };
-  }
-
-  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {
-    // You can use your own error logging service here
-    console.log({ error, errorInfo });
-  }
-
-  render(): React.ReactNode {
-    // Check if the error is thrown
-
-    //@ts-ignore
-    if (this?.state?.hasError) {
-      // You can render any custom fallback UI
-      return (
-        <div>
-          <h2>Oops, there is an error!</h2>
-          <p>It&apos;s likely an issue with a corrupted deck/map/json.</p>
-
-          <div style={{ display: "flex", gap: "1rem" }}>
-            <button
-              type="button"
-              onClick={() => {
-                localStorage.removeItem("DECKS");
-                this.setState({ hasError: false });
-              }}
-            >
-              Clear your decks
-            </button>
-            <button
-              type="button"
-              onClick={() => {
-                localStorage.removeItem("MAP_LIST");
-                this.setState({ hasError: false });
-              }}
-            >
-              Clear your maps
-            </button>
-          </div>
-          <p>
-            If this doesn&apos;t fix: Right click &gt; Inspect &gt; Console to
-            view the error.{" "}
-          </p>
-          <p>
-            Copy/paste the console error and below data to the unbrewed discord
-            or github for help.
-          </p>
-
-          <hr />
-          <h3>Deck Local Storage</h3>
-          <code
-            style={{
-              fontSize: "0.5rem",
-              background: "lightgrey",
-              padding: "4px",
-              maxHeight: "500px",
-              overflowY: "auto",
-            }}
-          >
-            {localStorage.getItem("DECKS")}
-          </code>
-          <h3>Map Local Storage</h3>
-          <code
-            style={{
-              fontSize: "0.5rem",
-              background: "lightgrey",
-              padding: "4px",
-            }}
-          >
-            {localStorage.getItem("MAP_LIST")}
-          </code>
-        </div>
-      );
-    }
-
-    // Return children components in case of no error
-    return this.props.children;
-  }
-}
-
-export default ErrorBoundary;
diff --git a/pages/_app.tsx b/pages/_app.tsx
index ba00e4f..0886049 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -12,40 +12,37 @@ import {
 } from "@tanstack/react-query";
 import "@/styles/fonts.css";
 import { Toaster } from "react-hot-toast";
-import ErrorBoundary from "@/components/ErrorBoundary";
 
 export default function App({ Component, pageProps }: AppProps) {
   const [queryClient] = useState(() => new QueryClient());
 
   return (
     <>
-      <ErrorBoundary>
-        <QueryClientProvider client={queryClient}>
-          <Hydrate state={pageProps.dehydratedState}>
-            <DocumentHeader />
-            <ChakraProvider theme={theme}>
-              <Toaster
-                position="top-center"
-                reverseOrder={false}
-                gutter={8}
-                containerClassName=""
-                containerStyle={{}}
-                toastOptions={{
-                  // Define default options
-                  // className: "unbrewed-",
-                  duration: 5000,
-                  style: {
-                    background: "#363636",
-                    color: "#fff",
-                  },
-                }}
-              />
-              {/* @ts-ignore */}
-              <Component {...pageProps} />
-            </ChakraProvider>
-          </Hydrate>
-        </QueryClientProvider>
-      </ErrorBoundary>
+      <QueryClientProvider client={queryClient}>
+        <Hydrate state={pageProps.dehydratedState}>
+          <DocumentHeader />
+          <ChakraProvider theme={theme}>
+            <Toaster
+              position="top-center"
+              reverseOrder={false}
+              gutter={8}
+              containerClassName=""
+              containerStyle={{}}
+              toastOptions={{
+                // Define default options
+                // className: "unbrewed-",
+                duration: 5000,
+                style: {
+                  background: "#363636",
+                  color: "#fff",
+                },
+              }}
+            />
+            {/* @ts-ignore */}
+            <Component {...pageProps} />
+          </ChakraProvider>
+        </Hydrate>
+      </QueryClientProvider>
     </>
   );
 }