I am working on a feature with multiple lightning web components. Component A displays a list of custom object records and component B displays the details of individual record in multiple tabs.

Component A fires an event using the pubsub model to render the second component with the related record's data.

In component B, I have two tabs. The first tab uses the lightning-record-view-form to display some data related to the record selected and second tab uses the lightning-record-form to display all data of the selected record.

When the second tab is selected in component B and a new record is selected in component A, it gives the following error.

[Cannot read property 'apiName' of undefined]

Note: The tab does render correctly when I close the error message. I can see that the lightning-record-form displays the new record data that is selected but, it always displays this error message.

If I replace the lightning-record-form in second tab with lightning-record-view-form it works fine.

I am not sure what I am missing here.

Any help is really appreciated. Please let me know if any additional info is needed.

Thanks Ravi

  • Not sure what else to do--I'm deleting my answer to give you question a better chance to get a better answer. You might want to add some code of what you've got so far.
    – sfdcfox
    Mar 9, 2020 at 16:02

1 Answer 1


I was able to figure out a solution for this. By adding a delay in the JS method that is called in component B when an event is fired from component A and displaying a spinner in component B the lightning-record-form worked fine.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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