Fix "Cannot read property of undefined" JavaScript Error

The best way to handle this is to use optional chaining or proper null checks:

Method 1: Optional Chaining (ES2020)

// Instead of this (which can cause errors):
const userName = user.profile.name;

// Use optional chaining:
const userName = user?.profile?.name;

Method 2: Traditional Null Checks

// Check if object exists before accessing properties
if (user && user.profile && user.profile.name) {
    const userName = user.profile.name;
}

Method 3: Default Values

// Provide default values
const userName = (user && user.profile && user.profile.name) || 'Anonymous';
// Or with optional chaining:
const userName = user?.profile?.name || 'Anonymous';

Method 4: Using try-catch for complex scenarios

try {
    const userName = user.profile.name;
    // Process userName
} catch (error) {
    console.error('Error accessing user name:', error);
    // Handle the error appropriately
}