Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Why can i create Personal Meeting Room #4

Open
marksikaundi opened this issue Mar 31, 2024 · 4 comments
Open

Why can i create Personal Meeting Room #4

marksikaundi opened this issue Mar 31, 2024 · 4 comments

Comments

@marksikaundi
Copy link

Am having undefined in ### Personal Meeting Room

Topic:
null's Meeting Room
Meeting ID:
user_2eSc48RiC4XGQktjLgiAHb7XTEI
Invite Link:
undefined/meeting/user_2eSc48RiC4XGQktjLgiAHb7XTEI?personal=true

Any help to solve this @adrianhajdin or @TidbitsJS

@getFrontend
Copy link

Need more data to help you find and fix the bug..

@marksikaundi
Copy link
Author

Need more data to help you find and fix the bug..

i forgot the baseurl and now its working, i have just remained with one defects
Topic:
null's Meeting Room

@lygitdata
Copy link

lygitdata commented Oct 11, 2024

To solve "null's Meeting Room" issue, make sure you have value for the fullName field of each user on Clerk (if I remember correctly, the fullName is just the combination of firstName and lastName, so make sure your users entered their names). Then you can change the following code in /providers/StreamClientProvider.tsx

    const client = new StreamVideoClient({
      apiKey: API_KEY,
      user: {
        id: user?.id,
        name: user?.username || user?.id,
        image: user?.imageUrl,
      },
      tokenProvider,
    });

to

    const client = new StreamVideoClient({
      apiKey: API_KEY,
      user: {
        id: user?.id,
        name: user?.fullName || user?.id,
        image: user?.imageUrl,
      },
      tokenProvider,
    });

After that, change the following code in /app/(root)/(home)/personal-room)/page.tsx

      <div className="flex w-full flex-col gap-8 xl:max-w-[900px]">
        <Table title="Topic" description={`${user?.username}'s Meeting Room`} />
        <Table title="Meeting ID" description={meetingId!} />
        <Table title="Invite Link" description={meetingLink} />
      </div>

to

      <div className="flex w-full flex-col gap-8 xl:max-w-[900px]">
        <Table title="Topic" description={`${user?.fullName}'s Meeting Room`} />
        <Table title="Meeting ID" description={meetingId!} />
        <Table title="Invite Link" description={meetingLink} />
      </div>

Hope this can help.

@lygitdata
Copy link

If you do not want to change the original code, you probably need to make sure the username field is enabled and filled with a valid value for each user on Clerk.
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants