Изображения редактора Django CK не отображаются, быстрый F12 показывает, что изображения поступают из бэкенда, но не отображаются, пожалуйста, помогите мне это исправить

Я пытаюсь разработать приложение для блога, используя react и django, и для раздела описания я выбрал django ckeditor.

когда я загружаю изображение с помощью редактора ck, оно отображается в разделе adminpanel без предупреждений, потому что я дважды проверил каждый путь к django ckeditor. но эти изображения не отображаются во фронт-энде, а просто показывают пустое поле изображения. но это работает на простом html файле, не работая с React. изображения абсолютно пустые, где я упускаю? если я сделаю быстрый F12, чтобы проверить, приходит ли изображение из бэкэнда или нет. оно приходит туда, но просто не отображается, Текст отображается, но не изображение

import React,{useState,useEffect} from 'react';
import {Link} from 'react-router-dom';
import axios  from 'axios';
const BlogDetail =(props)=>{
    const [blog,setBlog]=useState({});
    useEffect(()=>{
        const slug=props.match.params.id;
    
    const fetchFata=async()=>{
        try{
            const res=await axios.get(`${process.env.REACT_APP_API_URL}/api/blog/${slug}`);
            setBlog(res.data);
        }
        catch (err){

        }
    };
    fetchFata();
    },[props.match.params.id]);




    const createBlog = () => {
        return {__html: blog.content}
    };

    const capitalizeFirstLetter = (word) => {
        if (word)
            return word.charAt(0).toUpperCase() + word.slice(1);
        return '';
    };
    return(
        <div className='container'>
            <h1 className="display-2">{blog.title}</h1>
            <h2 className='text-muted mt-3'>Category: {capitalizeFirstLetter(blog.category)}</h2>
            <h4>Last commit {blog.updated}</h4>
            <div className='mt-5 mb-5' dangerouslySetInnerHTML={createBlog()}/>
            <hr/>
            <p className='lead mb-5'><Link to='/blog' className='font-weight-bold'>Back</Link></p>
        </div>
    );
};
export default BlogDetail;

Вернуться на верх