Zod schema to validate input type file

zod-file-validation.tsx

import { z } from "zod"

const schema = z.object({
  file:
    typeof window === "undefined" // this is required if your app rendered in server side, otherwise just remove the ternary condition
      ? z.undefined()
      : z
          .instanceof(FileList)
          .refine(file => file.length !== 0, {
            message: "File is required",
          })
          .refine(
            file => {
              const fileType = file.item?.(0)?.type || "";
              return fileType === "image/png";
            },
            {
              message: "File must be in .png format",
            }
          )
          .refine(
            file => {
              const fileSize = file.item?.(0)?.size || 0;
              return fileSize <= 200000;
            },
            { message: "File size must be less than or equal to 200kb" }
          ),
})

I think File is not defined is shown on NextJS.