'intrinsicAtrributes&...형식에서 선언된..'에러 해결하기

여기서 계속
생각보다 간단히 해결되는 문제였다..

cartItem 상단에서 props로 받아온 cart값을 콘솔에 찍어봤을 때 값이 {cart: {...}}형태로 받아오는 것을 확인했다.

그래서

import React, { useEffect, useState } from "react";
import { supabase } from "@/service/supabase";
import Image from "next/image";
import { CartBox } from "./page";
import { VscChromeClose } from "react-icons/vsc";
import { useCart } from "@/hooks";

interface Props {
  cart: CartBox;
}

interface Input {
  count: number;
}

const CartItem = (cart: Props) => {
  const { count, id, product_id, store_id, user_id, rent_date, store, product } = cart.cart;
  const { name, thumbnail, price, percentage_off, category } = product;
  // console.log(product);

  const [isVisible, setIsVisible] = useState(true);

  const { updateCountMutation, deleteCart } = useCart({ userId: user_id, cartId: id });
  ...

CartItem이 받아오는 props 타입을 cart:{...}에 맞게 cart: CartBox로 고쳐줬다.

에러 해결 끝~!~!