TypeError: res не определено при извлечении данных из dummyJson Api

• Привет, ребята, мне нужна помощь, я получаю данные из фиктивного Json Api, используя метод fech, однако у меня возникает ошибка «TypeError: res is undefined», но я вижу, что определил ее.
• ниже мой хук useEffect, который я использую для получения данных.

import { getAllProducts } from "../API";

const Products = () => {
    const [items, setItems] = useState([]);

    useEffect(() => {
        getAllProducts()
            .then((res) => {
                setItems(res.data);
            })
            .catch(err => {
                console.info(err)
            })
    }, []);

    return (
        <List
            grid = {{
                gutter: 16,
                xs: 1,
                sm: 2,
                md: 4,
                lg: 4,
                xl: 6,
                xxl: 3,
            }}
            dataSource = {items}
            renderItem = {(item) => (
                <List.Item>
                    <Card
                        key = {item.id}
                        title = {item.title}
                        cover = {<Image src = {item.thumbnail} />}
                    >
                    </Card>
                </List.Item>
            )}
        />
    );
}

export default Products;

• Ниже показано, откуда я сделал вызов API.

export const getAllProducts = () => {
    return (
        fetch('https://dummyjson.com/products')
            .then(res => res.json())
            .then(console.info)
    )
}

• Любая помощь высоко ценится. я думаю, что что-то упустил для отображения данных
• я вижу в консоли извлекаемые продукты, но когда дело доходит до обработки ответа, я получаю res не определено.