Next.js w/ Firebase Server-Side bug - simple fix

[beebox]

What example does this report relate to?

with-firebase

What version of Next.js are you using?

12.0.10

What version of Node.js are you using?

14.15.4

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

firebase

Describe the Bug

Data from firestore does not appear in the example page http://localhost:3000/profile/nextjs_user

Changing line 27 in pages/profile/[username].js fixed it for me. Thought this may be helpful to others

from:
const profile = await getProfileData(username)

to:
const { profile } = await getProfileData(username)

Expected Behavior

this data should be displayed on http://localhost:3000/profile/nextjs_user

<p>{profile.username}</p>
<p>{profile.message}</p>

To Reproduce

1. Configure app as shown in the readme
2. Run yarn dev
3. Use button on page to create user
4. go to http://localhost:3000/profile/nextjs_user

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.