diff --git a/web/components/user-page.tsx b/web/components/user-page.tsx
index e4e1749a..9c5ee090 100644
--- a/web/components/user-page.tsx
+++ b/web/components/user-page.tsx
@@ -11,10 +11,11 @@ import clsx from 'clsx'
export function UserLink(props: { displayName: string; className?: string }) {
const { displayName, className } = props
+ // Fix this when users can change their own names
const username = displayName.replace(/\s+/g, '')
return (
-
+
(null)
- const { username } = router.query as { username: string }
+ const atUsername = router.query.username as string | undefined
+ const username = atUsername?.substring(1) || '' // Remove the initial @
useEffect(() => {
if (username) {
getUserByUsername(username).then(setUser)