Error after running animation for a longer period of time

The code:

// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-ignore
import riveWasmUrl from '@rive-app/canvas/rive.wasm';
import {
	Alignment,
	Fit,
	Layout,
	useRive,
	useStateMachineInput,
	RuntimeLoader,
} from '@rive-app/react-canvas';
import { FC, useEffect } from 'react';

// For <link /> preload in the root of the app
RuntimeLoader.setWasmUrl(riveWasmUrl);

const riveGameStates = new Map<GameData['gameState'], number>([
	['state1', 1],
	['state2', 2],
	['state3', 3],
	['state4', 4],
]);

export const WhenMoonBroAnimation: FC = (props) => {
	const toast = useToast();

	const { rive, RiveComponent } = useRive({
		src: '/file.riv',
		stateMachines: 'State Machine',
		autoplay: true,
		artboard: 'Main Artboard',
		layout: new Layout({
			fit: Fit.Cover,
			alignment: Alignment.Center,
		}),
	});

	const { data: gameState } = useCrashGameData({
		select: (data) => data.gameState,
	});

	const sceneInput = useStateMachineInput(rive, 'State Machine', 'Scene');

	useEffect(() => {
		if (gameState && sceneInput) {
			sceneInput.value = riveGameStates.get(gameState) ?? 1;
		}
	}, [gameState, sceneInput]);

	return <RiveComponent width="100%" height="100%" {...props} />;
};

After running the animation for a longer period of time (approx 1h), I get the following error RuntimeError: Aborted(). Build with -sASSERTIONS for more info..

Anybody has any idea what I can do? The animation should be running non-stop

Start with the reported component code, especially RuntimeLoader.setWasmUrl, useRive, and the long-running state-machine animation. Reproduce the failure with the animation running for about an hour, then inspect the Rive WASM runtime and browser errors to identify what triggers the abort. Done means the animation runs continuously without the RuntimeError.