.mapa no es una función cuando la obtención de datos de la API de reactjs

Estoy usando una API para obtener los datos. Cuando me de la consola.registro de mis datos, se muestra como una matriz. Pero cuando intento mapa sobre el mismo para obtener los datos a mostrar, me dice que .mapa no es una función. He creado una costumbre useFetch gancho y luego me voy a importar en un componente separado. Aquí está mi código y una captura de pantalla de la consola.registro:

useFetch.js

import { useEffect, useState } from 'react'

function useFetch(url) {
    const [data, setData] = useState(null)
    const [isLoading, setIsLoading] = useState(true)
    const [error, setError] = useState(null)

    useEffect(() => {
        fetch(url)
            .then(response => {
                if (!response.ok) {
                    throw Error("Sorry, couldn't fetch data for this resource!")
                }
                return response.json()
            })
            .then(responseData => {
                setData(responseData)
                setIsLoading(false)
                setError(null)
            })
            .catch(error => {
                setIsLoading(false)
                setError(error.message)
            })
    }, [url])

    return { data, isLoading, error }
}

export default useFetch

List.js

import React from 'react'
import useFetch from './useFetch'

function PrizeList2017() {
    const { data } = useFetch('http://api.nobelprize.org/v1/prize.json?year=2017&yearTo=2017')

    return (
        <div className="prize-list-2017-container">
            <h1>2017</h1>
            {data.map(prize => (
                <div key={prize.id}>
                    <h2>{prize.category}</h2>
                </div>
            ))}
            {console.log(data)}
        </div>
    )
}

export default PrizeList2017

la consola.registro de

la consola.información de registro de la imagen

Su ayuda es muy apreciada!