Hook that returns async data

We use the useAsyncListData hook from react-spectrum stately package. It extends the useListData which is also from react-spectrum.

It supports async loading, pagination, sorting and filtering. It also manages loading and error states, supports abortable requests and works with any data fetchig library or the built-in browser fetch API.

More information can be found in the react-spectrum documentation.



To import the hook you just have to use this code below.

import { useAsyncListData, useListData } from '@marigold/components';


Async Table

This is an example from the <Table> component. The data will be loaded asynchronously.

NameHeightMassBirth Year