Help needed for React / TypeScript / Directus CMS

Hey people!

tl;dr I would really appreciate some kind of help because I'm pretty stuck by loading data from the api utilizing the js-sdk. This is going to be new page for my sports club.

Long version: As far as I researched, I was able to use Hooks in React (modifying everything to React.FC and the concurrent property interfaces). The pages are working again, along with the router. But now I'm trying to load contacts from the api, which is set up correctly for local usage and I get data back, but as promise. I'm searching for a good tutorial now for about 2 very long evenings and I don't see how to use useState and useEffect to load data from my api and populate it into an a grid.

For explanation: SimpleGrid is part of the chakra UI. Basepage is created by myself and renders Navbar, BreadCrumbs and all given sections below that, BaseSection is doing the same: get a title, render it and then render the section childs.