Skip to content

[Bug] Deployment Fails: "Application error: a client-side exception has occurred" when using @splinetool/react-spline in Next.js #227

@NurNils

Description

@NurNils

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

  1. Use Next.js 15
  2. Install @splinetool/react-spline
  3. 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" />
  );
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions