React Bootstrap OverlayTrigger и проблема с всплывающей подсказкой

Я пытаюсь использовать реакцию-загрузку OverlayTrigger и всплывающую подсказку внутри средства форматирования для реакции-загрузки-таблицы и продолжаю получать следующую ошибку:

Единственная необходимая поддержка OverlayTrigger — это оверлей, который должен быть узлом, а единственная необходимая поддержка Tooltip — это id (несмотря на то, что ни один из их примеров не показывает, что вам нужен идентификатор), который должен быть строкой.

«onlyChild должен передаваться детям ровно с одним ребенком».

соответствующий рассматриваемый код выглядит так:

import {Button, DropdownButton, MenuItem, Modal,
    OverlayTrigger, Tooltip} from 'react-bootstrap';

....

const submitterFormatter = (submitter, row) => {
  return (
    <OverlayTrigger placement="bottom" overlay={toolTipComponent(submitter, row)}>
      {submitter}
    </OverlayTrigger>
  );
};

const toolTipComponent = (toolTipText, row) => {
  return (
    <Tooltip id={String(row.id)}>
      {toolTipText}
    </Tooltip>
  );
};

Я также пробовал следующее для submitterFormatter

const submitterFormatter = (submitter, row) => {
  return (
    const toolTipInstance = toolTipComponent(submitter, row);
    <OverlayTrigger placement="bottom" overlay={toolTipInstance}>
      {submitter}
    </OverlayTrigger>
  );
};