setup React compiler for agent docs

agents-docs/next.config.ts

@@ -9,6 +9,10 @@ const isProd = process.env.NODE_ENV === 'production';
 
 const config: NextConfig = {
   reactStrictMode: true,
+  reactCompiler: {
+    // Fail the build on any compiler diagnostic
+    panicThreshold: 'all_errors',
+  },
   // Increase timeout for static page generation in CI environments
   staticPageGenerationTimeout: 120, // 2 minutes instead of default 60 seconds
   images: {

agents-docs/src/components/hooks/use-copy-button.ts

@@ -1,20 +1,23 @@
 'use client';
-import { type MouseEventHandler, useCallback, useEffect, useRef, useState } from 'react';
+import { type MouseEventHandler, useEffect, useRef, useState } from 'react';
 
 export function useCopyButton(onCopy: () => void): [checked: boolean, onClick: MouseEventHandler] {
   const [checked, setChecked] = useState(false);
   const timeoutRef = useRef<number | null>(null);
   const callbackRef = useRef(onCopy);
-  callbackRef.current = onCopy;
 
-  const onClick: MouseEventHandler = useCallback(() => {
+  useEffect(() => {
+    callbackRef.current = onCopy;
+  }, [onCopy]);
+
+  const onClick: MouseEventHandler = () => {
     if (timeoutRef.current) window.clearTimeout(timeoutRef.current);
     timeoutRef.current = window.setTimeout(() => {
       setChecked(false);
     }, 1500);
     callbackRef.current();
     setChecked(true);
-  }, []);
+  };
 
   // Avoid updates after being unmounted
   useEffect(() => {