Hey
I have a problem in rendering my project
This is the full error :

Error occurred prerendering page "/dashboard/apply-seller". Read more: https://nextjs.org/docs/messages/prerender-error
ReferenceError: File is not defined
    at 14640 (/home/www-data/tobepaz-front/.next/server/app/(protected)/dashboard/apply-seller/page.js:1:87070)
    at Object.t [as require] (/home/www-data/tobepaz-front/.next/server/webpack-runtime.js:1:143)

The apply seller file doesn't contain anything related to that (I mean it's just importing a component)
import { MultiStepForm } from "../(components)/multi-step-form"

and inside MultiStepForm there isn't a file Neither, but we have :
import { DocumentUploadForm } from "./document-upload-form"
inside the multistep form and :

  const file = watch("nationalId")

  const validateFile = (file: unknown): string | null => {
    if (!(file instanceof File)) {
      return "فایل معتبری انتخاب نشده است";
    }
    if (file.size > 5 * 1024 * 1024) {
      return "حجم فایل باید کمتر از 5 مگابایت باشد";
    }
    if (!["image/jpeg", "image/png", "application/pdf"].includes(file.type)) {
      return "فرمت فایل باید JPG، PNG یا PDF باشد";
    }
    return null;
  };

  const handleFileChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const file = event.target.files?.[0]
    setFileError(null)

    if (file) {
      const error = validateFile(file)
      if (error) {
        setFileError(error)
        event.target.value = ""
        setValue("nationalId", undefined)
        setPreview(null)
        return
      }

      setValue("nationalId", file)
      if (file.type.startsWith("image/")) {
        const reader = new FileReader()
        reader.onloadend = () => {
          setPreview(reader.result as string)
        }
        reader.readAsDataURL(file)
      } else {
        setPreview(null)
      }
    } else {
      setValue("nationalId", undefined)
      setPreview(null)
    }
  }