I am following the documentation to bring and register a react component and reuse it in Sitecore component editor. https://doc.sitecore.com/xmc/en/developers/jss/latest/jss-xmc/walkthrough--registering-an-external-react-component.html

I was able to register the component successfully in the Sitecore

enter image description here

And it shows in the component section as well

enter image description here

But once I drag and drop it to the editor it gives me this error

enter image description here

What are the exact steps that I need to follow from the Sitecore side in order to BYOC approach in sitecore. I have already created a data Template.I need to know the next steps(Like creating a rendering)in order to make this work properly. Not sure where to create rendering for BYOC. And not sure about this BYOC wrapper and FEaaS wrapper.

enter image description here


2 Answers 2


Make sure that your web application includes the ./byoc folder with the implementation of the BYOC component in it.

If its not there, you will need to upgrade your JSS to the latest (21.6 at the time of writing) and update your web application to match the latest changes in the XM Cloud Foundation Head Starter Kit.


The reason for this error is you have not yet mapped a component to this JSON rendering in your rendering host.

See the document for more details where the error is given.


So you need to verify your component name matches your next js component name.

Follow this to verify your implementation of your component.


I would also recommend you match your new component with an existing one, which will help you more to identify the root cause.

Hope this helps.

  • 1
    The OP is using BYOC - not a standard XM component
    – Richard Seal
    Feb 12 at 16:27

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.