How do you handle error responses differently when fetching data from a REST API compared to GraphQL in JavaScript?

// Fetching data from a REST API
        fetch('https://api.example.com/data')
            .then(response => {
                if (!response.ok) {
                    throw new Error('Network response was not ok');
                }
                return response.json();
            })
            .then(data => console.log(data))
            .catch(error => console.error('There was a problem with the fetch operation:', error));

        // Fetching data from a GraphQL API
        fetch('https://api.example.com/graphql', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({ query: '{ data { id name } }' })
        })
            .then(response => response.json())
            .then(result => {
                if (result.errors) {
                    throw new Error('GraphQL errors: ' + result.errors.map(e => e.message).join(', '));
                }
                console.log(result.data);
            })
            .catch(error => console.error('There was a problem with the GraphQL operation:', error));