From 56c34150f0dc1e623fb3b690c8f1c1a99875a0e9 Mon Sep 17 00:00:00 2001
From: Kokila-chandrakar <payalchandrakar327@gmail.com>
Date: Fri, 29 May 2026 15:40:04 +0000
Subject: [PATCH] fix: prevent hydration mismatch from browser extensions

---
 src/components/FileUpload.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/FileUpload.tsx b/src/components/FileUpload.tsx
index 6e10fd77..d31008b7 100644
--- a/src/components/FileUpload.tsx
+++ b/src/components/FileUpload.tsx
@@ -138,6 +138,7 @@ export default function FileUpload({
       <input
         ref={inputRef}
         type="file"
+        suppressHydrationWarning
         accept="video/*"
         className="hidden"
         onChange={(e) => {
@@ -158,6 +159,7 @@ export default function FileUpload({
     <input
       ref={inputRef}
       type="file"
+      suppressHydrationWarning
       accept="video/*"
       className="hidden"
       onChange={(e) => {
@@ -171,6 +173,7 @@ export default function FileUpload({
     <div
       id="upload-zone"
       role="button"
+      aria-label="Upload video — drag and drop or click to browse"
       tabIndex={0}
       onDragOver={(e) => {
         e.preventDefault();
@@ -238,6 +241,7 @@ export default function FileUpload({
         <input
           ref={inputRef}
           type="file"
+          suppressHydrationWarning
           accept="video/*"
           className="hidden"
           onChange={(e) => {