hydration error

src/app/(main)/(app)/create/page.tsx

@@ -94,6 +94,13 @@ export default function CreatePage() {
     }
   }, [contentType, frameOptions, frameType]);
 
+  // Force dynamic mode for COUPON and FEEDBACK types
+  useEffect(() => {
+    if (contentType === 'COUPON' || contentType === 'FEEDBACK') {
+      setIsDynamic(true);
+    }
+  }, [contentType]);
+
   // Logo state
   const [logoUrl, setLogoUrl] = useState('');
   const [logoSize, setLogoSize] = useState(24);
@@ -712,14 +719,23 @@ export default function CreatePage() {
                     <span className="font-medium">Dynamic</span>
                     <Badge variant="info" className="ml-2">Recommended</Badge>
                   </label>
-                  <label className="flex items-center cursor-pointer">
+                  <label className={cn(
+                    "flex items-center",
+                    (contentType === 'COUPON' || contentType === 'FEEDBACK')
+                      ? "opacity-50 cursor-not-allowed"
+                      : "cursor-pointer"
+                  )}>
                     <input
                       type="radio"
                       checked={!isDynamic}
                       onChange={() => setIsDynamic(false)}
+                      disabled={contentType === 'COUPON' || contentType === 'FEEDBACK'}
                       className="mr-2"
                     />
                     <span className="font-medium">Static</span>
+                    {(contentType === 'COUPON' || contentType === 'FEEDBACK') && (
+                      <Tooltip text="Coupon and Feedback QR codes require dynamic features for tracking and analytics." />
+                    )}
                   </label>
                 </div>
                 <p className="text-sm text-gray-600 mt-2">
@@ -727,6 +743,13 @@ export default function CreatePage() {
                     ? '✅ Dynamic: Track scans, edit URL later, view analytics. QR contains tracking link.'
                     : '⚡ Static: Direct to content, no tracking, cannot edit. QR contains actual content.'}
                 </p>
+                {(contentType === 'COUPON' || contentType === 'FEEDBACK') && (
+                  <div className="mt-3 p-3 bg-blue-50 border border-blue-200 rounded-lg">
+                    <p className="text-sm text-blue-900">
+                      <strong>Note:</strong> {contentType === 'COUPON' ? 'Coupon' : 'Feedback'} QR codes must be Dynamic to track redemptions, collect feedback, and view detailed analytics.
+                    </p>
+                  </div>
+                )}
               </CardContent>
             </Card>