Do we still need to use usePlasmicQueryData in app dir?

[efficient_pelican]

I’m loving the Next 13 appdir support

Are we still required to use usePlasmicQueryData when data fetching in plasmic components? or is there some special way to async/await in server components?

[insufficient_clam]

Hey @efficient_pelican, you don’t need to use usePlasmicQueryData in app dir. Instead, you can use async/await in server components like normal apps.

[efficient_pelican]

Error: Objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children, use an array instead. i’m getting this error when I make it async

docs mention something like this here, but I’m not sure where to put the @ts-expect-error - it doesn’t like it in the component file (guessing it goes wherever the component is used - but that’s plasmic)

[efficient_pelican]

my component

[efficient_pelican]

oh perhaps I can’t register an async plasmic component?

[efficient_pelican]

i tried a wrapper which removed all warnings - but same error with rendering a promise

[insufficient_clam]

Hi @efficient_pelican, sorry I misread your original question…

Are we still required to use usePlasmicQueryData when data fetching in plasmic components? or is there some special way to async/await in server components?
I thought you were asking if you need to use usePlasmicQueryData to fetch data that you then pass into Plasmic components, so I suggested using async/await.

But for writing a Plasmic code component, Code components cannot be server components, so you should still use usePlasmicQueryData (or your own data fetching library). Note that all transitive dependencies of a code component also cannot be a server component, so the wrapper won’t help.

So sorry for the confusion

[efficient_pelican]

ok ok thank you

[efficient_pelican]

can descendants of a code component be server components?

Like my Product Page I wrap a code component around (product fetcher) - am i getting any benefit by this?

[insufficient_clam]

No, descendants may not be server components, since Plasmic components must work in a browser.

[efficient_pelican]

though, are the child components still compressed on server if they’re server compatible? bundle sizes are tiny after using appdir

[insufficient_clam]

With server components, they are completely omitted from the bundle.

Plasmic components only work on the client, so you can’t omit them, but they can be minified based on your app host.