When deploying a Next.js 15+ project to Vercel with @splinetool/react-spline, the deployed site fails to load and shows the error:
"Application error: a client-side exception has occurred while loading the app."
🔁 Steps to Reproduce
- Use Next.js 15
- Install
@splinetool/react-spline
- Add the following component:
'use client';
import dynamic from 'next/dynamic';
const Spline = dynamic(() => import('@splinetool/react-spline'), { ssr: false });
export default function Example() {
return (
<Spline scene="https://prod.spline.design/xxxxx/scene.splinecode" />
);
}