Troubleshooting Next.js

Some releavant tips and gotchas when building with Next.js and Layercode

Use dynamic imports for Layercode hooks

For instance

'use client';
import dynamic from 'next/dynamic';

// Dynamically import the VoiceAgent component with SSR disabled
const VoiceAgent = dynamic(() => import('./ui/VoiceAgent'), { ssr: false });

export default function Home() {
  return <VoiceAgent />;
}

You can see an example here