Navigate to related list of Account in LWC

Question

I want to navigate to the related list of accounts with click of the button in LWC.

But when I click on the button I am getting the below error :

Error in $A.getCallback() [Cannot read property 'errors' of undefined]

NavigatetoRelatedlist.js

import { LightningElement, api } from 'lwc';
import {NavigationMixin} from 'lightning/navigation';

export default class navigateToRelatedList extends NavigationMixin(LightningElement) {
    @api recordId;
    navigateRelatedListView() {
        this[NavigationMixin.Navigate]({
            type: 'standard__recordRelationshipPage',
            attributes: {
                recordId: this.recordId,
                objectApiName: 'Account',
                relationshipApiName: 'Contacts',
                actionName: 'view'
            },
        });
    }
}

NavigatetoRelatedlistHtml

<template>
    <lightning-card title="Navigate to Related List View">
        <lightning-button variant="brand" label="Related List View"
        onclick={navigateRelatedListView}></lightning-button>

    </lightning-card>
</template>

Can you help me why i am getting the above error . Do i need to pass recordID

Answer 1

It looks like you have added this button on Home Page and it's not having any value in 'this.recordId' basically, And so is the reason the error.I was able to reproduce this on home page at my end. If you add the same button on account page, this should work smoothly.