upd

src/components/articleInputs/ArticleSliderImageInput.tsx

@@ -1,19 +1,13 @@
-import { IImage } from '@/types/IArticl';
 import { Reorder } from 'framer-motion';
-import {
-  UseFieldArrayRemove,
-  UseFormRegister,
-  UseFormSetValue,
-} from 'react-hook-form';
+import { UseFieldArrayRemove, UseFormSetValue } from 'react-hook-form';
 import { CloseIcon } from '../icons/CloseIcon';
 import { MediaUploader } from '../MediaUploader';
 import { IArticleFormInput } from '../modals/ArticleFormModal';
 
 interface IArticleSliderImageInputProps {
-  register: UseFormRegister<Pick<IArticleFormInput, 'blocks'>>;
   setValue: UseFormSetValue<Pick<IArticleFormInput, 'blocks'>>;
   remove: UseFieldArrayRemove;
-  item: IImage & Record<'id', string>;
+  item: Record<'img', string> & Record<'id', string>;
   blockIndex: number;
   imgIndex: number;
 }
@@ -22,7 +16,6 @@ export function ArticleSliderImageInput({
   item,
   imgIndex,
   blockIndex,
-  register,
   remove,
   setValue,
 }: IArticleSliderImageInputProps) {
@@ -32,16 +25,11 @@ export function ArticleSliderImageInput({
         <MediaUploader
           dest="blog"
           setValue={setValue}
-          fieldName={`blocks.${blockIndex}.images.${imgIndex}.img`}
+          fieldName={`blocks.${blockIndex}.images.${imgIndex}`}
           item={item}
           label="Выберите изображение"
           media="img"
         />
-        <input
-          type="text"
-          className="text-black outline-none pl-1 w-full"
-          {...register(`blocks.${blockIndex}.images.${imgIndex}.caption`)}
-        />
       </div>
       <button
         className="self-start z-[1]"