Какая ошибка допущена в коде? Либо почему не работает fetch?

Question

[Marat White]

Запрашиваю в fetch() ссылку (https://6551d7a35c69a7790329267e.mockapi.io/data_c...), а элементы в код с json файла не возвращаются, с чем это связанно?

код:

import { useState, useEffect } from "react";
import { Collection } from "./Collection";

function App() {
  const [collections, setCollections] = useState([]);

  useEffect(() => {
    fetch("https://6551d7a35c69a7790329267e.mockapi.io/data_collection")
      .then((res) => res.json())
      .then((json) => {
        setCollections(json);
      })
      .catch((err) => {
        console.warn(err);
        alert("Произошла ошибка");
      });
  }, []);
  
  return(
        {collections.map((obj) => {
          <Collection name={obj.name} images={obj.photos} />;
        })}
)

export default App;

Answer 1

[Михаил Р.]

А если так?

return (
  <>
    {collections.map((obj) => (
      <Collection name={obj.name} images={obj.photos} />
    ))}
  </>
);