SOLVED: Include a component within a component, it permanently breaks components site-wide

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

First of all, I am so excited for this feature – components are THE functionality I’ve been waiting for.

I note that the documentation says that components cannot be used inside of other components right now (that would be a great future capability, though…). However, nothing in the interface prevents you from doing so, and if you happen to try, it seems to permanently break components site wide.

What I did:

  1. Created a ‘resource card’ component
  2. Created a ‘featured resources’ component (which included the Resource Card component)
  3. Initially that actually worked on the front end, although the builder would not display the inner components.
  4. I ‘unlinked’ the Featured Resources component.
  5. Now, I am unable to add any component to any location in the site. The components are still listed in the components tab, but if I drag them into the structure, they import as an empty ‘block’ element.
1 Like

Hello @artspeakchampions and welcome to the community! :partying_face:

Thank you for the report and the steps on how to reproduce it. I was able to replicate it locally and I’ve added it to to our internal bug tracker.

Best regards,
Matej

1 Like

We fixed this issue in Bricks 2.0 RC, which is now available in your account.
Changelog: Bricks 2.0-rc Changelog – Bricks

Please let us know if you are still experiencing issues.

As with any pre-stable release, please do not use it on a production/live website. It is only meant for testing in a local or staging environment.