How to resolve a promise in another React component?

Question

React

Hello, tell me where to dig?)) There is a function. In the function itself, if you write then, everything will resolve.

getData(startUrl).then((data) => {
    let promises = [];

    data.starships.forEach(starship => {
      promises.push(getData(starship));
    });

    return Promise.all(promises);
  });

There is a react component, I connect this function through the context, in the useEffect hook I try to get data, but I get
SyntaxError: Unexpected token < in JSON at position 0.

const { getData } = useContext(ApiContext);

useEffect(() => {
    getData().then(data => {
      console.log('data: ', data);
    }).catch(e => {
      console.log(e);
    })
  }, [getData])

ps in the component, the function is connected and exists)) Thank you in advance

Answer 1

SyntaxError: Unexpected token < in JSON at position 0.

and what comes in response in this call, if you look in the chrome console -> network?