Spline not emitting click events after routing

[PatrickZimmerer]

I built a minimal reproducible example here

Path to reproduce the error:

1. Click on the spline => routes you to a new page and logs event to the console
2. press back button on mouse / browser
3. Click on the spline => routes you to a new page and logs event to the console
4. press back button on mouse / browser
5. Click on the spline => doesn't route to a new page and doesn't log the event to the console

Path to resolve the error:

1. Leave the spline with your cursor
2. Enter the spline with your cursor
3. Click on the spline => now it works and it routes you to a new page and logs event to the console
   or
   Reload the page

This can be reproduced every time, the code is very simple as you will see in the home page that implements the spline, which is also the only code in this repo.

The spline just emits a random event which we react to

'use client';

import Spline, { SplineEvent } from '@splinetool/react-spline';
import { useRouter } from 'next/navigation';
export default function Home() {
	const router = useRouter();

	function onSplineMouseDown(e: SplineEvent) {
		console.log('button clicked', e);
		router.push('/test');
	}

	return (
		<div className="min-h-screen flex flex-col items-center justify-center">
			<h1 className="text-4xl mb-4">SPLINE PAGE</h1>
			<Spline
				onSplineMouseDown={onSplineMouseDown}
				scene="https://prod.spline.design/txU4v9QQq6G7PnCi/scene.splinecode"
			/>
		</div>
	);
}