Wait for DataStore Load

startAmplifyConfig.ts

import { browser } from '$app/env';
import { PubSub } from '@aws-amplify/pubsub';
import { Amplify, DataStore, Hub } from 'aws-amplify';
import awsmobile from 'src/aws-exports';

export default async function startAmplifyConfig() {
	if (!browser) return;
	Amplify.configure({ ...awsmobile, ssr: true });
	PubSub.configure({ ...awsmobile });
	DataStore.configure();
	await DataStore.clear();
	await DataStore.start();
	await waitForDataStoreLoad();
}

const waitForDataStoreLoad = async () => {
	//promesa que se ejecuta cuando el datastore esta listo
	await new Promise<void>((resolve) => {
		Hub.listen('datastore', async (hubData) => {
			const { event } = hubData.payload;
			if (event === 'ready') {
				resolve();
			}
		});
	});
};

Thanks for posting this - solved a massive issue I was having which I thought was a race condition!