Files
Portfolio/src/components/chat/ChatbotLoader.tsx
T
damjan_savicandClaude Opus 4.5 a8731b3245 auto-claude: subtask-7-1 - Create functionality tests for navigation, forms, and language switching
- Add comprehensive E2E functionality tests (33 tests):
  - Navigation: page loading, desktop/mobile nav links, active states
  - Contact Form: validation, submission, error handling
  - Language Switching: locale changes, URL preservation, dropdown behavior
  - Cross-functional: combined navigation and language flows
  - Accessibility: ARIA attributes for nav, menu, form labels

- Fix Next.js 15 ssr:false in server component issue:
  - Create ChatbotLoader client wrapper for dynamic import
  - Update layout.tsx to use ChatbotLoader instead of direct dynamic import

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-25 01:32:07 +01:00

18 lines
382 B
TypeScript

'use client';
import dynamic from 'next/dynamic';
/**
* Client-side wrapper for the Chatbot component.
* Uses dynamic import with ssr: false to prevent hydration issues
* with browser-only APIs like localStorage.
*/
const Chatbot = dynamic(
() => import('./Chatbot').then((mod) => mod.Chatbot),
{ ssr: false }
);
export function ChatbotLoader() {
return <Chatbot />;
}