We have a custom builder component in our NextJS codebase that allows our product team to drag and drop Builder components into it. However, this custom component in Builder has a “Link URL” data field that has been accidentally used by our product team, which wraps the entire component in an invisible clickable link (essentially hijacking click interactions).
Looking into the Builder types, I noticed that there’s a “noWrap” property that you can assign to custom components. However, when I add to this to our custom component and refresh the Builder preview, the component is no longer an editable layer in Builder.
If I set “noWrap: false”, the custom component is editable and I can drag Builder components on to it (like this custom headline text):
However, if I set “noWrap: true”, and refresh the Builder preview, then the “Link URL” is removed as a data field (which is what I want); however, the custom component is no longer an editable layer. If I delete the “This is a custom headline” Builder component layer, I’m not able to re-add it:
Is there another alternative to disabling the “Link URL” data field for custom components?