Update usage-next-13.mdx: BlitzProvider as client component

[tordans]

Theres is also the request for help at https://discord.com/channels/802917734999523368/1161576668863922176.

See also blitz-js/blitz#4232.

Change

My understanding is, that BlitzProvider is a client component and the way I understand the app directory means that everything below in the include-tree needs to be a client component as well.

Testcase

1. checkout https://github.com/FixMyBerlin/blitz-test/commits/blitzprovider-test which is the error case without the use client in the layout file that holds the blitzprovider
2. See error

Error

Unhandled Runtime Error
Error: Unsupported Server Component type: undefined

[vercel]

@tordans is attempting to deploy a commit to the Blitz Team on Vercel.

A member of the Team first needs to authorize it.

[siddhsuresh]

@tordans I do not understand this, BlitzProvider is a client component and takes the rest of the application as props. We are following this pattern https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#supported-pattern-passing-server-components-to-client-components-as-props

We can definitely use server components with blitz. You do not need to make all pages "use client" client components.

I might have misunderstood your intention and I am looking at the issues referenced now.

[siddhsuresh]

this is not required

[tordans]

I am happy to learn how :-). The "Testcase" I described above shows the issue. Add/remove the "use client" and it works or doen't…

[siddhsuresh]

all files?

[tordans]

The thing is, that https://nextjs.org/docs/app/building-your-application/rendering/composition-patterns#unsupported-pattern-importing-server-components-into-client-components

You cannot import a Server Component into a Client Component

Results is a bad error message

Error: Unsupported Server Component type: undefined

One thing I did was to remove all barrel files from our project in order to work around this issue, as suggested in vercel/next.js#41940

(But in the end we added 'use client' to all files (for now), just to get to a working version.)

My current understanding is: Since I cannot import server components into client components and I cannot audit every include, for the slot-workaround you mentioned, I have to add use client to all files that are imported in other files.

[tordans]

The changes I propose here are wrong, I will close the PR.