fireship-io / next-firebase-course

Next.js + Firebase - The Full Course
next-firebase-course-git-main.fireship.vercel.app
477 stars 218 forks source link

add user={undefined} to UserProfile.js #19

Open andriusmv opened 2 years ago

andriusmv commented 2 years ago

What: add user={undefined} to user (line 2 of file "UserProfile.js") Where: UserProfile.js Why: to avoid TypeError: Cannot read properties of undefined (reading 'photoURL'), (reading 'username') and (reading 'displayName').

Code should look like this:

// UI component for user profile
export default function UserProfile({ user={undefined} }) {
  return (
    <div className="box-center">
      <img src={user.photoURL || '/hacker.png'} className="card-img-center" />
      <p>
        <i>@{user.username}</i>
      </p>
      <h1>{user.displayName || 'Anonymous User'}</h1>
    </div>
  );
}
vercel[bot] commented 2 years ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
next-firebase-course ✅ Ready (Inspect) Visit Preview Apr 26, 2022 at 4:43PM (UTC)