La consola me da este error <code>TypeError: Cannot read properties of undefined (reading &#x27;thumbnails&#x27;) at main.js:25:47 ...

La consola me da este error

TypeError: Cannot read properties of undefined (reading 'thumbnails')
    at main.js:25:47
    at Array.map (<anonymous>)
    at main.js:21:24

const API = 'https://youtube-v31.p.rapidapi.com/search?relatedToVideoId=7ghhRHRP6t4&part=id%2Csnippet&type=video&maxResults=9';
const content = null || document.getElementById('content');
const options = {
	method: 'GET',
	headers: {
		'X-RapidAPI-Key': 'ce5f3a1e09mshf5a7bf7c0eb0e39p172015jsnf6d65c5684ae',
		'X-RapidAPI-Host': 'youtube-v31.p.rapidapi.com'
	}
};

async function fetchData(urlApi) {
    const response = await fetch(urlApi, options);
    const data = await response.json();
    return data;
}

(async () => {
    try {
        const videos = await fetchData(API);
        let view = `
        ${videos.items.map(video => `
            <div class="group relative">
                <div
                class="w-full bg-gray-200 aspect-w-1 aspect-h-1 rounded-md overflow-hidden group-hover:opacity-75 lg:aspect-none">
                    <img src="${video.snippet.thumbnails.high.url}" alt="${video.snippet.description}" class="w-full">
                </div>
                <div class="mt-4 flex justify-between">
                    <h3 class="text-sm text-gray-700">
                        <span aria-hidden="true" class="absolute inset-0"></span>
                        ${video.snippet.title}
                    </h3>
                </div>
            </div> 
        `).slice(0, 4).join('')}`;
        content.innerHTML = view;
    } catch(error) {
        console.log(error);
    }
})();