Изображения из базы данных не отображаются в react при использовании DRF

Учебник шел гладко, пока я не дошел до лекции 18 (Сериализация данных). Когда данные из базы данных сериализуются, изображения перестают отображаться в react, но {product.image} показывает путь к изображению. Пожалуйста, я хочу знать, почему изображение не отображается в react, но прекрасно работает в django. Всякий раз, когда я нажимаю на ссылку изображения на странице администратора, товар отображается. Изображения отображаются в react при получении продуктов в виде массива python из django, но когда я перехожу к drf, они перестают отображаться. Я использую Django 4.0, я понятия не имею, влияет ли это на проблему. При использовании DRF в REACT отображаются все остальные свойства товара, кроме изображения

Here's the part of the React component where the image is referenced

 <Link to={`/product/${product._id}`}. 
    <Card.Img src={product.image} />
</Link>

urlpatterns = [
    path('admin/', admin.site.urls),
    path('', include('base.urls'))
]
 
urlpatterns += static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

STATIC_URL = 'static/'
MEDIA_URL = '/images/'  STATICFILES_DIR = [     BASE_DIR / 'static' ] 
MEDIA_ROOT = 'static/images

Я думаю, что для источника вы должны указать url :

<Card.Img src={product.image.url} />
Вернуться на верх