Как импортировать два компонента, но одно и то же имя из двух библиотек?

Question

Мне нужен компонент Tooltip из двух библиотек. Например

import { Tooltip } from "react-leaflet";
import { Tooltip } from "recharts";

Но при одинаковом названии всплывающей подсказки двух библиотек я получаю сообщение об ошибке. Как импортировать всплывающую подсказку без ошибок.

Answer 1

import { Tooltip as ReactLeafletTooltip} from "react-leaflet";
import { Tooltip as RechartsTooltip} from "recharts";

затем используйте его для рендеринга как

<RechartsTooltip/>
<ReactLeafletTooltip/>

Answer 2

import { Tooltip as LeafletTooltip } from "react-leaflet";

А затем с помощью <LeafletTooltip> ниже