[Bug]: Injection Symbol(SidebarContext) not found. Component must be used within Sidebar

[DanielSBoba]

Reproduction

https://codesandbox.io/p/devbox/cranky-rhodes-hms3pk?workspaceId=87418a45-b88e-427a-85aa-d226284d3610

Describe the bug

gives

Injection Symbol(SidebarContext) not found. Component must be used within Sidebar

System Info

Windows, Brave

Contributes

• I am willing to submit a PR to fix this issue
• I am willing to submit a PR with failing tests

[DreKwasi]

@DanielSBoba faced the same issue. Wrap your component with SidebarProvider. This should fix the issue

[Soviut]

The error message should really spell this out.

[DreKwasi]

If you understand a bit of React you can peep at the original ShadCN docs. Explains everything including the props and hooks(in Vue's case composables)

[Soviut]

@DreKwasi That's not very helpful. Needing to reference another project's docs is not how we solve this problem. Updating the docs here and improving the error message so that it clearly states that the SidebarProvider is missing is what's needed.

[DreKwasi]

Agreed. It's just a temporary approach till this project's maintainers make the updates.