In React you can use the useEffect hook to perform operations on a page load. useEffect is not asynchronous so you can support an asynchronous operation by wrapping it inside an async function.

useEffect(() => {
// Create the async function
const initz = async () => {
     await dispatch(fetchData());
}

// Call the async function
initz();
}, [dispatch]);

This is a common technique that I use when fetching data to be displayed on the page.

While the data is loading, I would display a spinner until the API response is fulfilled. This will fully support the asynchronous behavior of the data fetch for the page.