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

Единственное обязательное свойство 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>
  );
};