diff --git a/apps/mobile/src/components/Avatar.tsx b/apps/mobile/src/components/Avatar.tsx
index 8a0ee0c8..b5d1fb0e 100644
--- a/apps/mobile/src/components/Avatar.tsx
+++ b/apps/mobile/src/components/Avatar.tsx
@@ -10,7 +10,7 @@ type Props = {
 };
 
 export const Avatar: React.FC<Props> = ({ uri, name = 'D', size = 56, style }) => {
-  const initials = name.charAt(0).toUpperCase();
+  const initials = name[0].toUpperCase();
   const imageStyle = [{ width: size, height: size, borderRadius: size / 2 } as ImageStyle, style as ImageStyle];
   const placeholderStyle = [{ width: size, height: size, borderRadius: size / 2, backgroundColor: COLORS.primary }, style as ViewStyle];
 
diff --git a/apps/mobile/src/screens/DevCardViewScreen.tsx b/apps/mobile/src/screens/DevCardViewScreen.tsx
index 3698c862..99a28b77 100644
--- a/apps/mobile/src/screens/DevCardViewScreen.tsx
+++ b/apps/mobile/src/screens/DevCardViewScreen.tsx
@@ -415,7 +415,7 @@ export default function DevCardViewScreen({ navigation, route }: Props) {
                 description="This DevCard profile does not have any platform links available."
               />
             </View>
-          ) : profile.links.map(link => {
+          ) : profile.(links ?? []).map(link => {
             const platform = PLATFORMS[link.platform];
             const state = followStates[link.id] || 'idle';
             const btnColor = getButtonColor(link, state);
@@ -453,7 +453,7 @@ export default function DevCardViewScreen({ navigation, route }: Props) {
                     <Text style={styles.tileIconDoneText}>✓</Text>
                   ) : (
                     <Text style={[styles.tileIconText, { color: platform?.color || COLORS.white }]}>
-                      {PLATFORM_EMOJI[link.platform] || platform?.name.charAt(0) || '?'}
+                      {PLATFORM_EMOJI[link.platform] || platform?.name[0] || '?'}
                     </Text>
                   )}
                 </View>
diff --git a/apps/web/src/pages/CardPage.tsx b/apps/web/src/pages/CardPage.tsx
index 690ce574..1b6ddf82 100644
--- a/apps/web/src/pages/CardPage.tsx
+++ b/apps/web/src/pages/CardPage.tsx
@@ -104,7 +104,7 @@ export default function CardPage() {
                   className="card-avatar-placeholder"
                   style={{ background: card.owner.accentColor || '#6366F1' }}
                 >
-                  {card.owner.displayName.charAt(0).toUpperCase()}
+                  {card.owner.displayName[0].toUpperCase()}
                 </div>
               )}
             </div>
@@ -134,7 +134,7 @@ export default function CardPage() {
         <div className="action-section" id="card-connections">
           <h2>Connections</h2>
           <div className="platform-grid">
-            {card.links.map((link) => (
+            {card.(links ?? []).map((link) => (
               <button
                 key={link.id}
                 className="platform-tile"
@@ -143,7 +143,7 @@ export default function CardPage() {
                 id={`platform-tile-${link.platform}`}
               >
                 <div className="tile-icon-card">
-                  {link.platform.charAt(0).toUpperCase()}
+                  {link.platform[0].toUpperCase()}
                 </div>
                 <div className="tile-info">
                   <span className="platform-name-card">{link.platform}</span>
diff --git a/apps/web/src/pages/ProfilePage.tsx b/apps/web/src/pages/ProfilePage.tsx
index 94a84f54..8258be45 100644
--- a/apps/web/src/pages/ProfilePage.tsx
+++ b/apps/web/src/pages/ProfilePage.tsx
@@ -126,7 +126,7 @@ export default function ProfilePage() {
                   className="avatar avatar-placeholder"
                   style={{ background: profile.accentColor }}
                 >
-                  {profile.displayName.charAt(0).toUpperCase()}
+                  {profile.displayName[0].toUpperCase()}
                 </div>
               )}
               <div className="avatar-glow" style={{ background: profile.accentColor }} />
@@ -142,7 +142,7 @@ export default function ProfilePage() {
           </header>
 
           <div className="links-grid" id="profile-links">
-            {profile.links.map((link, i) => {
+            {profile.(links ?? []).map((link, i) => {
               const platform = PLATFORMS[link.platform];
               const color = platformColors[link.platform] || '#6366f1';
               return (
@@ -157,7 +157,7 @@ export default function ProfilePage() {
                 >
                   <div className="tile-icon" style={{ background: color }}>
                     <span className="platform-initial">
-                      {platform?.name.charAt(0) || '?'}
+                      {platform?.name[0] || '?'}
                     </span>
                   </div>
                   <div className="tile-content">