hey all, i'm using radix's . i imported it like the documentation imports it, and marked the component i'm using the primitive in with 'use client'. I also have a component, which is an async server component. when i try to import it and use within radix's navigation, i get an error saying that async/await isn't supported in client components. the issue is that SignIn isn't a client component, and isn't marked as such, i'm only importing it to one. i'm not sure where the issue lies here.

Issues when using server components within Radix primitives

Unanswered

German Wirehaired Pointer posted this in #help-forum

German Wirehaired PointerOP

2024-05-22T03:26:14.694Z

hey all, i'm using radix's <NavigationMenu>. i imported it like the documentation imports it, and marked the component i'm using the primitive in with 'use client'. I also have a <SignIn> component, which is an async server component. when i try to import it and use <SignIn> within radix's navigation, i get an error saying that async/await isn't supported in client components. the issue is that SignIn isn't a client component, and isn't marked as such, i'm only importing it to one. i'm not sure where the issue lies here.

3 Replies

German Wirehaired PointerOP

2024-05-22T03:27:51.701Z

some relevant screenshots

[left: signin component, server]
[right: beginning of navigation component, marked with 'use client', importing the signin button]

the errors that occur in console

maybe it's an issue with our auth() function? it's setup the same way as authjs recommends it should be setup

- doesn't seem like the case since the ternary does correctly resolve when a session exists