I cannot configure project url. React codegen

I am trying to integrate my code base to plasmic studio in other to register a custom component, i have followed the instruction for the react codegen option as thats what i am using. Currently http://localhost:3000/plasmic-host works fine and i can see the "Your app is ready to host on plasmic studio ", however when i follow the next step, i.e setting the project configure url, i get an error on plasmic studio reload. I have attached images of the error i get.

image

Hello @devs_hub-hub.

Can you show all the @plasmicapp packages in your package.json?

Thanks for getting back.

image
Initially i thought the error was coming from the way i was trying to register the component until discovered it was the project config not working, so i haven’t tried anything much on trying to fix it other than researching here and the git repo for similar issues but couldn’t find any.

Also attaching our plasmic.json config

we are using react-router v6.

Would it be possible for us to get a copy of the repository? Or that the plasmic-host page get’s published so that we can test it?

doesn’t really work atm if we change the host url in the config from locashost to our staging (there is an infinite loading animation).
And giving access to our repo is a bit much.

I hope there are other ways of troubleshooting.

Hey, perhaps a minimal reproducible example, with only the routing of your repository and the page could work. Just a random guess for now, have you tried both http://localhost:3000/plasmic-host and http://localhost:3000/plasmic-host/ as the host or other page names?

Also, can you check if PlasmicCanvasHost is rendering only once?

sorry for the really late response, we were having issues with authentication on the hosted url version and wanted to have that fixed and try with the hosted url :
initial behaviour - (before the auth fix) was a loading screen coming from auth routing issue

current behaviour - ( after auth fix) the /plasmic-host works fine, on project configuration with the hosted url, it loads but then gets stuck in a blue screen. No error gets thrown ( unlike the localhost url
). On the top menu bar you can see the project does in fact loads

Nothing shows

PS: i am logged in on the hosted project as well.

Can you check your app host isn’t adding CSS that is conflicting with Plasmic Studio? I would open devtools and try disabling some CSS to see if that’s the issue.