diff --git a/apps/aelis-client/src/app/components/[name].tsx b/apps/aelis-client/src/app/components/[name].tsx
index 54e8eef..86ece3b 100644
--- a/apps/aelis-client/src/app/components/[name].tsx
+++ b/apps/aelis-client/src/app/components/[name].tsx
@@ -38,9 +38,11 @@ export default function ComponentDetailScreen() {
 		)
 	}
 
+	const ShowcaseComponent = showcase.component
+
 	return (
 		<ScrollView style={tw`bg-stone-100 dark:bg-stone-900 flex-1`} contentContainerStyle={tw`px-5 pb-10 pt-4 gap-6`}>
-			{showcase.component()}
+			<ShowcaseComponent />
 		</ScrollView>
 	)
 }
diff --git a/apps/aelis-client/src/components/showcase.tsx b/apps/aelis-client/src/components/showcase.tsx
index 04d74a7..f5424e4 100644
--- a/apps/aelis-client/src/components/showcase.tsx
+++ b/apps/aelis-client/src/components/showcase.tsx
@@ -5,7 +5,7 @@ import { SansSerifText } from "./ui/sans-serif-text"
 
 export type Showcase = {
 	title: string
-	component: () => React.ReactNode
+	component: React.ComponentType
 }
 
 export function Section({ title, children }: { title: string; children: React.ReactNode }) {