Import JSX file into Plasmic

I currently have React code inside an Embedded HTML box. Getting some errors with this setup.

I have tried using Visual Studio Code to sync with Plasmic to somehow pass a custom component to Plasmic Studio. I have localhost:3000 connecting but when I try to add it as a custom app host in Studio, it just shows me the production site. I was hoping it would allow me to insert this custom component into the website.

Perhaps I am thinking about this wrong or my account is limited. Some AI debugging suggested this (Failed to load resource: the server responded with a status of 401 / Failed to load resource: the server responded with a status of 403).

Not sure what to do next.

Relevant links:

Hello @devin_annis and welcome to the forum!

but when I try to add it as a custom app host in Studio, it just shows me the production site.

I didn’t quite understand what this means - does your custom app host look like this: http://localhost:3000/plasmic-host? Also can verify that the app host works using the instructions here: Host Plasmic Studio in your app | Learn Plasmic.

You should use your custom app host to register React code, instead of embedding it in Embed HTML component. For more assistance, please tell us more about your custom host configuration and check out our docs at Host Plasmic Studio in your app | Learn Plasmic

1 Like

I was not adding “/plasmic-host” at the end. This fixed it. Thank you sarah_ahmed!

1 Like