From 260262d301bf1d0c76c124810dc5eaf6283f07b8 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 13 Feb 2026 13:11:52 +0000
Subject: [PATCH] fix: explicit FormData construction in FollowupPanel

Co-authored-by: ngoiyaeric <115367894+ngoiyaeric@users.noreply.github.com>
---
 components/followup-panel.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/components/followup-panel.tsx b/components/followup-panel.tsx
index a11f585f..53321e1a 100644
--- a/components/followup-panel.tsx
+++ b/components/followup-panel.tsx
@@ -8,6 +8,7 @@ import type { AI } from '@/app/actions'
 import { UserMessage } from './user-message'
 import { ArrowRight } from 'lucide-react'
 import { useMapData } from './map/map-data-context'
+import { nanoid } from '@/lib/utils'
 
 export function FollowupPanel() {
   const [input, setInput] = useState('')
@@ -17,10 +18,11 @@ export function FollowupPanel() {
 
   const handleSubmit = async (event: React.FormEvent<HTMLFormElement>) => {
     event.preventDefault()
-    const formData = new FormData(event.currentTarget as HTMLFormElement)
+    const formData = new FormData()
+    formData.append("input", input)
 
     const userMessage = {
-      id: Date.now(),
+      id: nanoid(),
       isGenerating: false,
       component: <UserMessage content={input} />
     }