import { useLoaderData } from "react-router-dom"; import { CartPlusFill } from "react-bootstrap-icons" import ProductListing from "../../components/product_listing"; import MainContentLayout from "../../components/main_content_layout"; import Review from "../../components/review"; import "../../components/stylesheets/shared.css" export default function Product() { const response = useLoaderData(); const product = response[0].data; const reviews = response[1].data.data.map(review =>
  • ); return ( <>
      {reviews}
    ); }