Карта неопределенности после удаления элемента - React

Я новичок в React, и в этом случае я чувствую, что должен использовать крючок жизненного цикла, но я не уверен, какой именно. В приведенном ниже коде я вызываю API и получаю список объектов пользователей, который содержит другой список вещей, которыми они владеют, под названием members. Вот так:

При нажатии кнопки «Отключить» я затем сохраняю ссылку в состоянии и отправляю эту резервную копию в API, чтобы отключить члена:

import React, { Fragment } from 'react';

import FormScene from 'nwiadmin/scenes/form';
import Button from 'nwiadmin/components/button';

import { formatDate } from 'nwiadmin/utility/formatters';
import Modal from 'nwiadmin/components/modal';
import ModalActions from 'nwiadmin/components/modal/modalactions';

import SingleBusinesses from 'app/components/businesses';

let businessRef = '';

class UserBusinessSingleScene extends FormScene {
    /* eslint-disable class-methods-use-this */
    setInitialState(props) {
        const pendingData = {
            ...props.data,
        };
        const reference = businessRef;
        const isVisible = false;
        this.setReferenceTarget = this.setReferenceTarget.bind(this);

        return {
            pendingData,
            reference,
            isVisible,
        };
    }

    shouldComponentUpdate(nextProps, nextState) {
        console.info('should cmp update', nextProps, nextState);
        return true;
    }

    UNSAFE_componentWillUpdate(nextProps, nextState) {
        console.info('cmp will update', nextProps, nextState);
    }

    componentDidUpdate(prevProps, prevState) {
        console.info('cmp did update', prevProps, prevState);
    }

    setLabel(data) {
        return data.name;
    }

    setMethod() {
        return 'post';
    }

    setRemote() {
        return `businesses/unclaim?reference=${this.state.reference}`;
    }

    modalToggleHander() {
        this.setState(prevState => ({
            isVisible: !prevState.isVisible,
        }));
    }

    setReferenceTarget() {
        this.setState({ reference: businessRef });
    }

    render() {
        console.info(this.state.reference);
        return (
            <Fragment>
                {this.state.pendingData.members.map(business => (
                    <SingleBusinesses
                        key = {business.reference}
                        name = {business.name}
                        reference = {business.reference}
                        claimed = {`Claimed on: ${formatDate(business.created_at)}`}
                        unlink = {
                            <Button
                                onClick = {() => {
                                    businessRef = business.reference;
                                    this.setReferenceTarget();
                                    this.modalToggleHander();
                                }}
                            >
                                Unlink User
                            </Button>
                        }
                    />
                ))}
                <Modal isOpen = {this.state.isVisible} title = "Are you sure you want to unlink the user?">
                    <ModalActions
                        submit = {() => this.submit()}
                        submitText = "Unlink User"
                        cancel = {() => this.modalToggleHander()}
                    />
                </Modal>
            </Fragment>
        );
    }
}

export default UserBusinessSingleScene;

После отключения я получаю ошибку Uncaught TypeError: Cannot read property 'map' of undefined. Я не уверен на 100%, почему, но я чувствую, что это как-то связано с состоянием и что я должен установить состояние после отключения? Любая помощь приветствуется.