x

apps/spa/src/components/DynamicPageRenderer.tsx

@@ -1,4 +1,4 @@
-import type { PageSection, Category } from '@homaroma/types';
+import type { PageSection, Category, AccordionSectionPayload, ContactInfoSectionPayload, ContactFormSectionPayload } from '@homaroma/types';
 import DynamicHero from './DynamicHero';
 import DynamicCategories from './DynamicCategories';
 import DynamicProducts from './DynamicProducts';
@@ -73,11 +73,11 @@ export default function DynamicPageRenderer({
           case 'PRODUCT_CAROUSEL':
             return <DynamicProductCarousel key={section.id} payload={section.payload} />;
           case 'ACCORDION':
-            return <AccordionSection key={section.id} payload={section.payload as any} />;
+            return <AccordionSection key={section.id} payload={section.payload as AccordionSectionPayload & { title?: string }} />;
           case 'CONTACT_INFO':
-            return <ContactInfoSection key={section.id} payload={section.payload as any} />;
+            return <ContactInfoSection key={section.id} payload={section.payload as ContactInfoSectionPayload & { title?: string }} />;
           case 'CONTACT_FORM':
-            return <ContactFormSection key={section.id} payload={section.payload as any} />;
+            return <ContactFormSection key={section.id} payload={section.payload as ContactFormSectionPayload} />;
           default:
             console.warn(`[DynamicPageRenderer] Unknown block type: ${section.type}`);
             return null;