Сгенерировать перекрестную исходную ошибку при установке состояния с использованием реактивных ловушек

Question

ниже приведен мой хук, который вызывает мой сервер и получает данные. после получения ответа от сервера я пытаюсь установить этот ответ в своем состоянии.

const [userProfileData, setUserProfileData] = useState({})    
useEffect(() => {
    const profileRequestBody = `
    query{
        GetUserAndProfileData{
            name
            email
            _id
            figsList{
                _id
                figData
                createdAt
            }
        }
    }
    `
    const usertoken = token
    axios({
        method: 'POST',
        url: 'http://localhost:5000/graphql',
        headers: {
            'Content-Type': 'application/json',
            'Authorization': `Bearer ${usertoken}`
        },
        data: {
            query: profileRequestBody
        }
    }).then(response => {
        debugger
        //check if we recieved any errors in the request
        setIsLoading(false)

        setUserProfileData(response.data.data.GetUserAndProfileData)

        let errors = response.data.errors
        console.log(errors)
        if (errors) {
            throw new Error(errors[0].message)
        }

    }).catch(err => {
        debugger
        console.log(err)

    })
}, []);

setUserProfileData(response.data.data.GetUserAndProfileData) выдает следующую ошибку A cross-origin error was thrown. React doesn't have access to the actual error object in development. Я на самом деле устанавливаю там состояние. Я запутался, кто-нибудь может помочь?