heroUI components require "use client" directives despite wrapping my root elements in providers.tsx and using "use client" directive there

[Yaseenjabir]

I manually setup heroUI with my Nextjs 15, and followed all the steps mentioned there. There they mentioned that you need to wrap your root component in providers.tsx and use "use client" directive there, I did the same but still I have to use "use client" every where I have to use any heroUI component. Below is my code:

/app/layout.tsx
`import { Providers } from "./providers";

{children} `

/app/providers.tsx
`
"use client";

import { HeroUIProvider } from "@heroui/react";

export function Providers({ children }: { children: React.ReactNode }) {
return {children};
}

`

[linear]

ENG-2172 heroUI components require "use client" directives despite wrapping my root elements in providers.tsx and using "use client" directive there