[Bug] Radix UI overrides components named "Button"

[yuki_aoki]

I had an original component named “Button”, but when I import Radix UI for the first time by adding Popover component, the imported Radix UI’s Button overrides the existing component.

I avoided this by renaming the existing one, but it is not ideal. The one in Radix UI should be renamed.

[patrick_blattmann]

Hi @yuki_aoki

I’m having the same problem. Have you found a better fix for it yet?
It is really strange that radix-ui overwrites the existing Plasmic button as well as causing problems with other Plasmic processes

[fmota]

Hi, that’s unexpected, could you share more details about this?

• In which project the issue happened?
• What were the steps that you have done before the issue?

[patrick_blattmann]

Hi @fmota
This is roughly what I did as the errors occurred

1. Cloned a working frontend application that was created using Plasmic
2. Ran npm install in the console (for packages and dependencies)
3. Ran plasmic sync -p my project ID (to update new changes including the use of Plasmic Tooltip from Radix-UI)
4. While syncing, radix-ui wants to overwrite the existing button.tsx
   
   
5. All other component changes sync as usual
6. @plasmicpkgs/radix-ui needs to be installed for the tooltip to work
   
   
7. Run npm start to start the app on localhost
8. The installed plasmicpkgs/radix.ui throws this error:
   
   

as well as errors relating to the overwritten button:

If more specifics are necessary, I can provide a more detailed insight.

[fmota]

Hi, thanks for the description. A fix is on the way, please try syncing again in a few hours.

[patrick_blattmann]

hi @fmota

Is the fix completely released?
I’ve done a sync and some of the major errors are fixed (thanks for the work)

However some of the errors persist: