fix(examples): deduplicate React in Next.js monorepo example

Add webpack alias to resolve react/react-dom from the app's own
node_modules, preventing the "invalid hook call" error caused by
two different React copies in the pnpm workspace.

Author: theashraf

examples/next/next.config.mjs

@@ -1,6 +1,22 @@
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  webpack: (config) => {
+    // Deduplicate React in the monorepo so linked workspace packages
+    // resolve the same copy as the app (prevents "invalid hook call").
+    config.resolve.alias = {
+      ...config.resolve.alias,
+      react: path.resolve(__dirname, 'node_modules/react'),
+      'react-dom': path.resolve(__dirname, 'node_modules/react-dom'),
+    };
+
+    return config;
+  },
 };
 
 export default nextConfig;