chore(deps): update nextjs and peer deps to latest version (16.1.1)

Author: bxxf

.eslintrc.json

@@ -72,6 +72,7 @@ export default function Home() {
     if (languageModel.model && !filteredModels.find((m) => m.id === languageModel.model)) {
       setLanguageModel({ ...languageModel, model: defaultModel.id })
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [languageModel.model])
   const currentTemplate =
     selectedTemplate === 'auto'
@@ -84,6 +85,31 @@ export default function Home() {
     useMorphApply && fragment && fragment.code && fragment.file_path
   const apiEndpoint = shouldUseMorph ? '/api/morph-chat' : '/api/chat'
 
+  function setMessage(message: Partial<Message>, index?: number) {
+    setMessages((previousMessages) => {
+      const updatedMessages = [...previousMessages]
+      updatedMessages[index ?? previousMessages.length - 1] = {
+        ...previousMessages[index ?? previousMessages.length - 1],
+        ...message,
+      }
+
+      return updatedMessages
+    })
+  }
+
+  function addMessage(message: Message) {
+    setMessages((previousMessages) => [...previousMessages, message])
+    return [...messages, message]
+  }
+
+  function setCurrentPreview(preview: {
+    fragment: DeepPartial<FragmentSchema> | undefined
+    result: ExecutionResult | undefined
+  }) {
+    setFragment(preview.fragment)
+    setResult(preview.result)
+  }
+
   const { object, submit, isLoading, stop, error } = useObject({
     api: apiEndpoint,
     schema,
@@ -150,24 +176,14 @@ export default function Home() {
         })
       }
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [object])
 
   useEffect(() => {
     if (error) stop()
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [error])
 
-  function setMessage(message: Partial<Message>, index?: number) {
-    setMessages((previousMessages) => {
-      const updatedMessages = [...previousMessages]
-      updatedMessages[index ?? previousMessages.length - 1] = {
-        ...previousMessages[index ?? previousMessages.length - 1],
-        ...message,
-      }
-
-      return updatedMessages
-    })
-  }
-
   async function handleSubmitAuth(e: React.FormEvent<HTMLFormElement>) {
     e.preventDefault()
 
@@ -225,11 +241,6 @@ export default function Home() {
     })
   }
 
-  function addMessage(message: Message) {
-    setMessages((previousMessages) => [...previousMessages, message])
-    return [...messages, message]
-  }
-
   function handleSaveInputChange(e: React.ChangeEvent<HTMLTextAreaElement>) {
     setChatInput(e.target.value)
   }
@@ -271,14 +282,6 @@ export default function Home() {
     setIsPreviewLoading(false)
   }
 
-  function setCurrentPreview(preview: {
-    fragment: DeepPartial<FragmentSchema> | undefined
-    result: ExecutionResult | undefined
-  }) {
-    setFragment(preview.fragment)
-    setResult(preview.result)
-  }
-
   function handleUndo() {
     setMessages((previousMessages) => [...previousMessages.slice(0, -2)])
     setCurrentPreview({ fragment: undefined, result: undefined })

app/page.tsx

@@ -571,11 +571,13 @@ function Auth({
     clearMessages,
   } = useAuthForm()
 
+  /* eslint-disable react-hooks/set-state-in-effect */
   useEffect(() => {
     setAuthView(view)
     setError(null)
     setMessage(null)
   }, [view, setError, setMessage])
+  /* eslint-enable react-hooks/set-state-in-effect */
 
   const setAuthViewAndClearMessages = useCallback(
     (newView: ViewType) => {

components/auth.tsx

@@ -116,6 +116,7 @@ export function ChatInput({
           >
             <X className="h-3 w-3 cursor-pointer" />
           </span>
+          {/* eslint-disable-next-line @next/next/no-img-element */}
           <img
             src={URL.createObjectURL(file)}
             alt={file.name}
@@ -124,6 +125,7 @@ export function ChatInput({
         </div>
       )
     })
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [files])
 
   function onEnter(e: React.KeyboardEvent<HTMLFormElement>) {
@@ -141,6 +143,7 @@ export function ChatInput({
     if (!isMultiModal) {
       handleFileChange([])
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isMultiModal])
 
   return (

components/chat-input.tsx

@@ -22,6 +22,7 @@ export function Chat({
     if (chatContainer) {
       chatContainer.scrollTop = chatContainer.scrollHeight
     }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [JSON.stringify(messages)])
 
   return (
@@ -40,6 +41,7 @@ export function Chat({
             }
             if (content.type === 'image') {
               return (
+                // eslint-disable-next-line @next/next/no-img-element
                 <img
                   key={id}
                   src={content.image}

components/chat.tsx

@@ -38,6 +38,7 @@ export function DeployDialog({
   const [duration, setDuration] = useState<string | null>(null)
 
   useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     setPublishedURL(null)
   }, [url])
 

components/deploy-dialog.tsx

@@ -14,6 +14,7 @@ export const ThemeToggle = forwardRef<
 
   // useEffect only runs on the client, so now we can safely show the UI
   useEffect(() => {
+    // eslint-disable-next-line react-hooks/set-state-in-effect
     setMounted(true)
   }, [])
 

components/ui/theme-toggle.tsx

@@ -0,0 +1,16 @@
+import nextConfig from 'eslint-config-next'
+
+const eslintConfig = [
+  ...nextConfig,
+  {
+    ignores: [
+      'node_modules/**',
+      '.next/**',
+      'out/**',
+      'build/**',
+      'next-env.d.ts',
+    ],
+  },
+]
+
+export default eslintConfig

eslint.config.mjs

@@ -36,6 +36,7 @@ export function useAuth(
   useEffect(() => {
     if (!supabase) {
       console.warn('Supabase is not initialized')
+      // eslint-disable-next-line react-hooks/set-state-in-effect
       return setSession({ user: { email: 'demo@e2b.dev' } } as Session)
     }
 

lib/auth.ts

@@ -1,5 +1,6 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
   async headers() {
     return [
       {
@@ -10,7 +11,7 @@ const nextConfig = {
             value: 'DENY',
           },
         ],
-      }
+      },
     ]
   },
 }