Мой веб -сайт продолжает ругаться, когда я пытаюсь загрузить изображение ⇐ Javascript

[Anonymous]

Я делаю строитель резюме в next.js, и я использую реактивную форму с zod и shadcn. < /p>
"use client"

import { Button } from "@/components/ui/button";
import {
Form,
FormControl,
FormField,
FormItem,
FormLabel,
FormMessage,
} from "@/components/ui/form";
import { Input } from "@/components/ui/input";
import { personalInfoSchema } from "@/lib/formValidations";
import { zodResolver } from "@hookform/resolvers/zod";
import React, { useEffect, useRef } from "react";
import { useForm } from "react-hook-form";

const PersonalInforForm = ({ resumeData = {}, setResumeData = "" }) => {
const form = useForm({
resolver: zodResolver(personalInfoSchema),
defaultValues: {
firstName: resumeData.firstName || "",
lastName: resumeData.lastName || "",
jobTitle: resumeData.jobTitle || "",
city: resumeData.city || "",
country: resumeData.country || "",
phone: resumeData.phone || "",
email: resumeData.email || "",
},
});

useEffect(() => {
const { unsubscribe } = form.watch(async () => {
const isValid = await form.trigger();

if (!isValid) return;

//update resume
});

return unsubscribe;
}, [form]);

const photoInputRef = useRef(null);

return (


Personal info
Tell us about yourself.



(

Your photo


{
const file = e.target.files[0];
fieldValues.onChange(file);
}}
ref={photoInputRef}
/>

{
fieldValues.onChange(null);
if (photoInputRef.current) {
photoInputRef.current.value = "";
}
}}
>
Remove




)}
/>



);
};

export default PersonalInforForm;
< /code>
Я даже попробовал некоторых копирования некоторых людей на YouTube, но это не сработало. Я не знаю, что делать. Это связано с любыми проблемами с оборудованием?

Подробнее здесь: https://stackoverflow.com/questions/795 ... d-an-image