Как получить изображение после загрузки с реакцией и аутентификацией

Question

Я могу загрузить изображение, и оно попадает в папку загрузки, и при попытке показать изображение появляется ошибка 404. Кто-нибудь знает, как получить изображение при аутентификации?

import React from 'react'
import { getOneUpload } from '../../services/apiService'

class UserImage extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            image: {},
            userId: this.props.userId
        }
    }
    componentDidMount = async () => {
        await this.getImage()
    }
    getImage = async () => {
        const image = await getOneUpload()
        this.setState({ image })

    }
    renderImage = () => {
        const { image } = this.state
        if (image) {
            return (
                <div key={image.id}>
                    <img src={`./uploads/${image.poster}`}
                        onError={(e) => {
                            e.target.onerror = null;
                            e.target.src = "https://abs.twimg.com/sticky/default_profile_images/default_profile_400x400.png"
                        }}
                    />
                </div>
            )
        }
    }

    render() {
        return (
            <div>{this.renderImage()}</div>
        )
    }
}

export default UserImage

В сообщении об ошибке написано, что 404 не найдено