изображения не показывает в чем ошибка?
Shop.js
import React,{useContext} from 'react';
import {AuthContext} from "../context/index.js";
import Item from "./Item";
import shop from '../css/components/shop.css';
function Shop(props) {
const propk=useContext(AuthContext);
return (
<div className="shop">
{propk.products.map(function (data){
return(
<div className='items'>
<Item key={data.id} model={data.model} prise={data.prise} desc={data.desc} img={data.img}/>
</div>
)
})}
</div>
);
}
export default Shop;
Item.js
import React from 'react';
function Item(props) {
var aimg='';
return (
<div>
{ props.img ? <img className="itemimg" src={props.img} /> : <img className="itemimg" src='./../../public/imgs/emptyimg.jpeg'/>}
<p>Модель:{props.model}</p>
<p>Цена:{props.prise}</p>
<p>Описание:{props.desc}</p>
</div>
);
}
export default Item;