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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions