First re export the client component from a file with use client directive at top. (yeah the component being exported is alreayd client but still you should re export it with use client directive)

Case 1: If it is route other then root (index) page then

Then render your re exported component in server component and pass your data directly.

Case 2: If it is index page app/page.jsx then you have 2 options

Option A. Either make page/jsx a server component and render the re exported client component here. As your page is server component now you can do server activity or fetch data and pass it down to client component directly.

Option B. Or use parallel routing which will allow you to have dedicated layout for (Root page) index page app/page.jsx

If you are confused about how to use option B - parallel routing for this problem then read this detailed answer with demo https://stackoverflow.com/a/79335643/9308731