Merge pull request #78 from ethanniser/conditional-load-react-scan

conditional load react scan

package.json

@@ -47,6 +47,7 @@
     "openai": "^4.68.0",
     "react": "19.0.0-rc-cd22717c-20241013",
     "react-dom": "19.0.0-rc-cd22717c-20241013",
+    "react-scan": "^0.0.35",
     "slugify": "^1.6.6",
     "sonner": "^1.5.0",
     "tailwind-merge": "^2.5.4",

src/app/scan/page.tsx

@@ -0,0 +1,24 @@
+"use client";
+
+import { scan } from "react-scan"; // import this BEFORE react
+import React from "react";
+import Link from "next/link";
+
+if (typeof window !== "undefined") {
+  scan({
+    enabled: true,
+  });
+}
+
+export default function ScanPage() {
+  return (
+    <div className="flex h-screen flex-col items-center justify-center">
+      <p className="mb-4 text-lg">
+        React Scan has loaded, you can now start exploring the site
+      </p>
+      <Link href="/" className="text-blue-500 underline hover:text-blue-700">
+        Back to home
+      </Link>
+    </div>
+  );
+}