How do I handle a fetch request error when the API returns a non-200 status code and still parse the JSON response?

<!-- BEGIN COPY / PASTE -->
        fetch('https://api.example.com/data')
            .then(response => {
                if (!response.ok) {
                    return response.json().then(errorData => {
                        throw new Error(`Error: ${response.status} - ${errorData.message}`);
                    });
                }
                return response.json();
            })
            .then(data => {
                console.log('Data:', data);
            })
            .catch(error => {
                console.error('Fetch error:', error.message);
            });
        <!-- END COPY / PASTE -->