Проблема с tabs в React

У меня проблема с табами. Есть компонент, в котором динамически рисуются вкладки, содержащие таблицы. Он успешно переиспользуется и отлично работает везде, кроме одного места. Даже данные поступают в него абсолютно ровно те же, что и в другом месте, но там он отрисовывается без проблем, а здесь нет.
Отрисовываются только кнопки навигации с наименованиями, по инспектору вижу, что таблица тоже сформирована в содержимом, однако нажатие на вкладки не приводит к активации одного из содержимого.
Если принудительно выставляю класс active одной из вкладок - она отображается, хотя естественно после этого нельзя её переключить. Ниже привожу код элемента.
Буду очень благодарен за идеи, что можно проверить.

export function TUZInterface({ tuzs, canEdit }) {
    console.log(tuzs);

    return (
        <div className="mt-1">
            <ul className="nav nav-pills navtab-bg nav-justified">
                {tuzs.annexes && tuzs.annexes.map((tuz, index) => {
                    return (
                        <li className="nav-item">
                            <a href={`#tuz-tab-${index}`} data-toggle="tab" aria-expanded="false" className="nav-link">
                                {tuz.name}
                            </a>
                        </li>
                    )
                })}
            </ul>
            <div className="tab-content">
                {tuzs.annexes && tuzs.annexes.map((tuz, index) => {
                    return (
                        <div className="tab-pane" id={`tuz-tab-${index}`}>
                            <div className="row">
                                <div className="col-lg-12">
                                    <table className="table table-bordered mb-0">
                                        <thead className="thead-light">
                                            <tr>
                                                <th>Название</th>
                                                <th>Назначение</th>
                                                <th>Пароль разделен</th>
                                                <th>Ответственные за пароль</th>
                                                <th>Место хранения пароля</th>
                                                <th>Домен / сервер БД</th>
                                                <th>Права доступа</th>
                                                {canEdit && <th/>}
                                            </tr>
                                        </thead>
                                        <tbody>
                                            {tuz.annex_uzs && tuz.annex_uzs.map(annex_uz => {
                                                return (
                                                    <tr>
                                                        <td>{annex_uz.name}</td>
                                                        <td>{annex_uz.purpose}</td>
                                                        <td>{annex_uz.pass_split && 'Пароль разделен' || 'Пароль не разделен'}</td>
                                                        <td>
                                                            {annex_uz.responsible && annex_uz.responsible.map(responsible => {
                                                                return <p className="m-0 p-0">{responsible.surname} {responsible.name} {responsible.patronymic}</p>
                                                            })}
                                                        </td>
                                                        <td>{annex_uz.pass_location}</td>
                                                        <td>
                                                            {annex_uz.servers && annex_uz.servers.map(server => {
                                                                return <p className="m-0 p-0">{server.name}</p>
                                                            })}
                                                        </td>
                                                        <td>{annex_uz.permission}</td>
                                                        {canEdit && false && <td><button type="button" className="btn btn-xs btn-outline-danger btn-rounded waves-effect waves-light w-100 mb-2" onClick={() => DeleteTUZ(annex_uz)}>Удалить</button></td>}
                                                    </tr>
                                                )
                                            })}
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    )
                })}
            </div>
        </div>
    )
}