diff --git a/src/client/router.ts b/src/client/router.ts
index 575aed416d..6b789149cf 100644
--- a/src/client/router.ts
+++ b/src/client/router.ts
@@ -36,7 +36,7 @@ export const router = createRouter({
 		{ path: '/channels', component: page('channels') },
 		{ path: '/channels/new', component: page('channel-editor') },
 		{ path: '/channels/:channelId/edit', component: page('channel-editor'), props: true },
-		{ path: '/channels/:channelId', component: page('channel'), props: true },
+		{ path: '/channels/:channelId', component: page('channel'), props: route => ({ channelId: route.params.channelId }) },
 		{ path: '/my/notifications', component: page('notifications') },
 		{ path: '/my/favorites', component: page('favorites') },
 		{ path: '/my/messages', component: page('messages') },