diff --git a/app/error-route-test/page.tsx b/app/error-route-test/page.tsx
new file mode 100644
index 00000000..febdf090
--- /dev/null
+++ b/app/error-route-test/page.tsx
@@ -0,0 +1,8 @@
+'use client';
+
+export default function Page() {
+  setTimeout(() => {
+    throw new Error('An Error');
+  }, 1000);
+  return <div>ERROR TESTING PAGE</div>;
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index 68b6d6c0..24106dbd 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,5 +1,6 @@
 import { Metadata } from 'next';
 import GoogleTagManagerScript from '../components/head/GoogleTagManagerScript';
+import ErrorBoundary from '../components/layout/ErrorBoundary';
 
 // Nextjs automatically includes for each route two default meta tags, charset and viewport
 // https://nextjs.org/docs/app/building-your-application/optimizing/metadata#default-fields
@@ -22,7 +23,7 @@ export default function RootLayout({
         but sending an event using sendGTMEvent requires an object rather than a list of arguments so the current gtag api function would need to be adapted
         */}
         <GoogleTagManagerScript />
-        {children}
+        <ErrorBoundary>{children}</ErrorBoundary>
       </body>
     </html>
   );
diff --git a/components/layout/ErrorBoundary.tsx b/components/layout/ErrorBoundary.tsx
index c744219e..adbcdffb 100644
--- a/components/layout/ErrorBoundary.tsx
+++ b/components/layout/ErrorBoundary.tsx
@@ -1,3 +1,5 @@
+'use client';
+
 import { Alert, Snackbar } from '@mui/material';
 import { Component, ErrorInfo, ReactNode } from 'react';