diff --git a/docs/quick-start.md b/docs/quick-start.md
index e689351..c641cfc 100644
--- a/docs/quick-start.md
+++ b/docs/quick-start.md
@@ -91,7 +91,11 @@ import {
   Speak,
 } from 'qwik-speak';
 
-export const Title = component$((props: TitleProps) => {
+interface TitleProps {
+  name: string;
+}
+
+export const Title = component$<TitleProps>(props => {
   return (<h1>{props.name}</h1>)
 });
 
diff --git a/docs/tutorial-routing-rewrite.md b/docs/tutorial-routing-rewrite.md
index 5f81878..7c5479e 100644
--- a/docs/tutorial-routing-rewrite.md
+++ b/docs/tutorial-routing-rewrite.md
@@ -164,7 +164,11 @@ import {
   Speak,
 } from 'qwik-speak';
 
-export const Title = component$((props: TitleProps) => {
+interface TitleProps {
+  name: string;
+}
+
+export const Title = component$<TitleProps>(props => {
   return (<h1>{props.name}</h1>)
 });
 
diff --git a/docs/tutorial-routing.md b/docs/tutorial-routing.md
index d562468..010006a 100644
--- a/docs/tutorial-routing.md
+++ b/docs/tutorial-routing.md
@@ -128,7 +128,11 @@ import {
   Speak,
 } from 'qwik-speak';
 
-export const Title = component$((props: TitleProps) => {
+interface TitleProps {
+  name: string;
+}
+
+export const Title = component$<TitleProps>(props => {
   return (<h1>{props.name}</h1>)
 });
 
diff --git a/src/routes/[...lang]/index.tsx b/src/routes/[...lang]/index.tsx
index db63342..8d59a44 100644
--- a/src/routes/[...lang]/index.tsx
+++ b/src/routes/[...lang]/index.tsx
@@ -17,7 +17,7 @@ interface TitleProps {
   name: string;
 }
 
-export const Title = component$((props: TitleProps) => {
+export const Title = component$<TitleProps>(props => {
   return (<h1>{props.name}</h1>)
 });