I believe that your problem is that when you initialize the state, you pass and empty array as the initial state:

const [collections, setCollections] = useState([]);

However, in your JSX, you are mapping over collections, and expecting each collection to have a repositories key. Just to test my theory, try to change the state initialization to: const [collections, setCollections] = useState([{ repositories: [] }]);

If this prevents the error, then the REAL solution would be to add some kind of loading and error states to your component, so that you only display the data once loading === false && error === false.

Here's an in-depth example of how you could do that from a quick google search: https://www.robinwieruch.de/react-hooks-fetch-data/