TypeError: urls.map不是React中的函数

import React, { useState, useEffect } from 'react';

function UrlList() {
    const [urls, setUrls] = useState([]);

    useEffect(() => {
        fetch('https://api.example.com/urls')
            .then(response => response.json())
            .then(data => {
                if (Array.isArray(data)) {
                    setUrls(data);
                } else {
                    console.error('Fetched data is not an array:', data);
                }
            })
            .catch(error => {
                console.error('Error fetching urls:', error);
            });
    }, []);

    return (
        <div>
            {Array.isArray(urls) && urls.map((url, index) => (
                <div key={index}>{url}</div>
            ))}
        </div>
    );
}

export default UrlList;