Не отображаются картинки по указанному пути

Вот массив данных из JSON файла ,первые 3 пути в ключе image, способы которые я пробовал, и от текущего и от корня. Все остальное это как было

    [
  {
    "type": "simple",
    "id": 1,
    "sku": "s1",
    "title": "Product 1",
    "regular_price": {
      "currency": "USD",
      "value": 27.12
    },
    "image": "../assets/images/1.png",
    "brand": 9
  },
  {
    "type": "simple",
    "id": 2,
    "sku": "s2",
    "title": "Product 2",
    "regular_price": {
      "currency": "USD",
      "value": 36.87
    },
    "image": "./images/2.png",
    "brand": 8
  },
  {
    "type": "simple",
    "id": 3,
    "sku": "s3",
    "title": "Product 3",
    "regular_price": {
      "currency": "USD",
      "value": 28.91
    },
    "image": "/images/3.png",
    "brand": 2
  },
  {
    "type": "simple",
    "id": 4,
    "sku": "s4",
    "title": "Product 4",
    "regular_price": {
      "currency": "USD",
      "value": 41.23
    },
    "image": "/images/4.png",
    "brand": 7
  },
  {
    "type": "simple",
    "id": 5,
    "sku": "s5",
    "title": "Product 5",
    "regular_price": {
      "currency": "USD",
      "value": 88.00
    },
    "image": "/images/5.png",
    "brand": 3
  },
  {
    "type": "simple",
    "id": 6,
    "sku": "s6",
    "title": "Product 6",
    "regular_price": {
      "currency": "USD",
      "value": 127.41
    },
    "image": "/images/6.png",
    "brand": 6
  },
  {
    "type": "simple",
    "id": 7,
    "sku": "s7",
    "title": "Product 7",
    "regular_price": {
      "currency": "USD",
      "value": 123.40
    },
    "image": "/images/7.png",
    "brand": 5
  },
  {
    "type": "simple",
    "id": 8,
    "sku": "s8",
    "title": "Product 8",
    "regular_price": {
      "currency": "USD",
      "value": 92.32
    },
    "image": "/images/8.png",
    "brand": 1
  },
  {
    "type": "simple",
    "id": 9,
    "sku": "s9",
    "title": "Product 9",
    "regular_price": {
      "currency": "USD",
      "value": 53.40
    },
    "image": "/images/9.png",
    "brand": 2
  }
]

Так я вывожу карточки -

import products from '../../assets/products.json'
const productList = filteredProducts.map(product => (
    <div key={product.id} className="product-item">
      <img src={product.image} alt={product.title}/>
      <div className="product-list">
      <h3>{product.brand}</h3>
      <p className="price">
        {product.regular_price.currency}: {product.regular_price.value}
      </p>
      </div>
    </div>

в любом случае выходит битая картинка пример

вот структура файлов структура


Ответы (0 шт):