change tooltip import

src/components/DataCard.js

 import React, { useState } from 'react';
-import { Card, Col, Row, Button, Tooltip } from 'react-bootstrap';
+import { Card, Col, Row, Button } from 'react-bootstrap';
 import { FaMoneyBillAlt, FaArrowUp, FaArrowDown, FaUserFriends, FaFileCsv } from 'react-icons/fa';
-import { AreaChart, Area, XAxis, YAxis, ResponsiveContainer } from 'recharts';
+import { AreaChart, Area, XAxis, YAxis, ResponsiveContainer, Tooltip } from 'recharts';
 import withWindowDimensions from '../utils/withWindowDimensions';
 import { CSVLink } from 'react-csv';
 import moment from 'moment';
@@ -88,7 +88,11 @@ const DataCard = props => {
 				{data.detail.map((item, index) =>
 					data.detail.length === 1 ? (
 						<Col key={index} md={12} style={{ marginTop: '.7em' }}>
-							<SmCard backgroundColor={data.backgroundColor} smitem={item} datavalue={props.datavalue[index]}/>
+							<SmCard
+								backgroundColor={data.backgroundColor}
+								smitem={item}
+								datavalue={props.datavalue[index]}
+							/>
 						</Col>
 					) : (
 						<Col
@@ -100,7 +104,11 @@ const DataCard = props => {
 								paddingRight: !props.isMobileSized ? (index % 2 !== 0 ? '15px' : '7.5px') : '15px',
 							}}
 						>
-							<SmCard backgroundColor={data.backgroundColor} smitem={item} datavalue={props.datavalue[index]}/>
+							<SmCard
+								backgroundColor={data.backgroundColor}
+								smitem={item}
+								datavalue={props.datavalue[index]}
+							/>
 						</Col>
 					)
 				)}