LWC RecordTypeInfos via getObjectInfo Unable to access

Question

I am following a guide for how to get a specific record type for when creating a lightning-record-edit-form and I am getting this error thrown:

My Html looks as follows:

<lightning-record-edit-form object-api-name={caseObject}  onerror= {ShowToastEventFailure} onsuccess={ShowToastEventSuccess} record-type-id={recordTypeId}>
    some fields/grids here
</lightning-record-edit-form>

JS looks as follows:

import { LightningElement, api, wire, track } from 'lwc';
import { getRecord, getFieldValue, getObjectInfo } from 'lightning/uiRecordApi';
import CASE_OBJECT from '@salesforce/schema/Case';
import Id from '@salesforce/user/Id';
import NAME_FIELD from '@salesforce/schema/User.Name';
import { ShowToastEvent } from 'lightning/platformShowToastEvent';



const fields = [NAME_FIELD];

export default class Culinaryrequest extends LightningElement {
    userId = Id;
    caseObject = CASE_OBJECT;
    @api objectApiName;
    @track objectInfo;

    @wire(getRecord, { recordId: '$userId', fields })
    user;

    @wire(getObjectInfo, { objectApiName: CASE_OBJECT })
    objectInfo;

    get name() {
        return getFieldValue(this.user.data, NAME_FIELD);
    }

    get recordTypeId() {
        const rtis = this.objectInfo.data.recordTypeInfos;
        return Object.keys(rtis).find(rti => rtis[rti].name === 'Culinary Team Request');
    }

    ShowToastEventSuccess () {
        const event = new ShowToastEvent ({
            title: 'Success!',
            message: 'Your Request to the Culinary team has been submitted',
            variant: 'success',
        });
        this.dispatchEvent(event);
    }

    ShowToastEventFailure () {
        const event = new ShowToastEvent ({
            title: 'Oh Noes! :(',
            message: 'Something is wrong with your Request please check that all required fields are filled out. If the problem persists please open a case with Real Estate Technology',
            variant: 'failure',
        })
        this.dispatchEvent(event);
    }

}

If anyone has any ideas why this is being thrown please let me know as I am new to LWC and would love to learn!

Answer 1

After trying to replicate your issue (which I was able to), it turned out that your issue is on this import line:

import { getRecord, getFieldValue, getObjectInfo } from 'lightning/uiRecordApi';

You have the wrong adapter here lightning/uiRecordApi for getObjectInfo resulting in all the issue where objectInfo never gets populated thus returning that error.

---

To fix this, getObjectInfo needs to be imported from lightning/uiObjectInfoApi as below:

import { getObjectInfo } from 'lightning/uiObjectInfoApi';

I used the example in this documentation as a reference while trying to identify the resolution.

Answer 2

Its very likely that there is an error that you are not catching.

If an error occurs in the adapter, for example when retrieving the data, error is populated with an error object AND data is set to undefined.

A quick suggestion would be to instead of wiring your response to a property, do it to a Function:

Wiring a function is useful to perform logic whenever new data is provided or when an error occurs.The wire service provisions the function an object with error and data properties, just like a wired property.

this would at least allow you to throw an error that is meaningful, Ex:

 @track record 
 @track error;
 @wire(getObjectInfo, , { objectApiName: CASE_OBJECT })
    wiredCase(error, data) {
        if (data) {
            this.record = data;
            this.error = undefined;
        } else if (error) {
            this.error = error;
            this.record = undefined;
        }
    }