"Error with deriveRenderOpts in standalone Nextjs app"

Issues
1

We are trying to copy codegen components into a standalone Nextjs app, but get this error related to deriveRenderOpts.
I assume we need to remove all code that keeps us connected Plasmic to fix this, but maybe there some Plasmic dependency still require?

image.png
image.png2790×1764 400 KB

2

@certified_dog is there anything else you want to add here?

3

Oh I forgot to add:
This func from this elements.d.ts
and elements.d.ts is from @plasmicapp

image.png
image.png3152×1584 364 KB

4

Hi, you didn’t actually sent a screenshot of the error that you are facing, could you send one ?

5

The error is that func is not defined when we trying to copy codegen components to a standalone Nextjs app @fmota

image.png
image.png2006×1358 174 KB

6

And I saw this func in plasmic codegen app is in the elements.d.ts from @plasmicapp

7

Yes, it comes from @plasmicapp/react-web , could you clarify a bit what are you trying to achieve ? Do you want to be able to use the components without installing @plasmicapp/react-web ?

8

We are designing in Plasmic with Chakra UI code components and want to deliver in a new NextJS code base 100% independent of Plasmic Studio.
Till now the developers have been looking at our designs in Plasmic in the same way as Figma (where they inspect our code components and props), and now we want to give them the whole FED code (components and layouts too). Later we may use Plasmic Studio’s publish feature (Webhooks CI/CD pipeline) - so we do not have to create a new code based.

9

I think this is achieved through plasmic export -p projectId , which performs a different type of codegen which provides a less plasmic based export, but I would wait for @chungwu to explain here more exactly how this works, as I am not familiar with it, I don’t know exactly the implications of running it in your prod application, I guess you could experiment in a smaller project and see how it works out

10

Oh OK thx. Looking forward ti getting more info from @chungwu.

11

We tried to achieve this through plasmic export -p projectId . But seems still have some props, func etc. from plasmic.

image.png
image.png1214×1942 292 KB

image.png
image.png1206×1886 257 KB

12

These errors above came up when I commented these from plasmic

image.png
image.png978×642 57.1 KB

13

Have you tried plasmic export -p projectId @verbal_sparrow ?

14

Sorry but you cannot remove dependency on @plasmicapp/react-web

15

OK. Does that even matter for the developers? Is it just a dependency that they will be happy to use like Framer-Motion is not Framer studio?

16

I mean like this for Charkra

npm i @chakra-ui/react @emotion/react @emotion/styled framer-motion
17

Yeah it is just another npm library to depend on

18

OK cool - so we now have a code base that in independent of Plasmic Studio?

19

Yes, the generated code has no live dependency on Plasmic except for that npm library

20

IS that it then or do we still “wait for @chungwu to explain here more exactly how this works” - says Felipe?