Syncing with v0 after after IDE edit leads to bugs

Help
1

“Dropdowns/Popovers work when run locally and deployed.”

“They also work in the v0 preview until I make edits to the code in my local IDE and then sync/re-import those changes back into the v0 session. After the sync, the functionality breaks only in the v0 preview and I can’t seem to fix it after hours of attempts.”

I thought the package.json file broke so I looked up v0’s template file and that didn’t fix it.

Basically, the second I make any edits in the IDE and sync it back to v0 parts of my site break in preview but work everywhere else. Help please!

3

I think what’s happening here is that v0 has a custom version of Popover to make it work properly in the preview iframe, and that’s what you get when your project doesn’t specify one, but then after you sync back it gets overridden with whichever one was in your project

If that’s the case you may be able to unblock yourself by deleting the broken shadcn components in v0, which should then let your project use the fallback ones

I’ve passed this along to the v0 team to debug

4

Thank you! I wish I had see this post 5 days ago, I JUST figured it out and came back to the forum to share but you nailed it.

For now I’ve added the components/ui/ folder to my .gitignore so I can continue to develop locally.

Thank you @jacobparis !

5

thanks for following up with a workaround! I sent them another ping about this issue since that’s a pretty unsustainable solution long term, which basically requires you to deploy from CLI if you want your custom components to work

6

Yup!! I’ve had to create custom components outside the ui folder which is no big deal but not opportune.

7

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.