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
Unable to use Nested Dropdown Components in React Server Components #6669
Comments
cwoolum
changed the title
Bug
Unable to use Nested Dropdown Components in React Server Components
Jul 20, 2023
Upstream issue: vercel/next.js#51593 |
3 tasks
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Prerequisites
Describe the bug
#6646 updated the components so they always compiled with
use client
. This works well for top level components but for the nested child , this seems to fail with the following error.I am using a basic dropdown button inside of a server page.
If I remove
Dropdown.ItemText
andDropdown.Item
, the component renders with no errors.Expected behavior
I would expect the entire dropdown to render on the client side with no errors.
To Reproduce
Reproducible Example
https://codesandbox.io/p/sandbox/wonderful-thunder-np5s83
Screenshots
What operating system(s) are you seeing the problem on?
Windows, Linux
What browser(s) are you seeing the problem on?
Chrome
What version of React-Bootstrap are you using?
v2.9.0-beta.0
What version of Bootstrap are you using?
5.3.0
Additional context
No response
The text was updated successfully, but these errors were encountered: