diff --git a/app/error.tsx b/app/error.tsx
new file mode 100644
index 00000000..4c8fa899
--- /dev/null
+++ b/app/error.tsx
@@ -0,0 +1,13 @@
+"use client";
+
+const Error = ({error, reset}: { error: Error; reset: () => void }) => {
+  console.error(error.message);
+  return (
+    <div className="centered my-50">
+      <h2>Something went wrong!</h2>
+      Apologies, an error occurred when attempting to preset the page you are attempting to view. Please try a different
+      path.
+      <button onClick={() => reset()}>Try again</button>
+    </div>
+  )
+}
diff --git a/next.config.js b/next.config.js
index e5f8a425..2189a1cc 100644
--- a/next.config.js
+++ b/next.config.js
@@ -26,7 +26,7 @@ const nextConfig = {
   },
   async redirects() {
     const devRedirects = [];
-    if (process.env.DEV === 'true') {
+    if (process.env.NODE_ENV === 'development') {
       devRedirects.push({
         source: '/style-guide',
         destination: 'http://localhost:6006',