Unable to add image from local project to CircularProgressbar

[blueeDeveloper]

🐛 Bug report

Unable to add svg image from project folder to circularProgressBar

Please describe what the problem is -

I saw this example

<img style={{ width: 40, marginTop: -5 }} src="https://i.imgur.com/b9NyUGm.png" alt="doge" />
;

This works because the image source is web (https://i.imgur.com/b9NyUGm.png) but if i try to include local image, it doesnot pick up.

If i just do following, i dont see the image.
<img style={{ width: 40, marginTop: -5 }} src="../../assets/icons/white-check.svg" alt="doge" />

Even if i try the react way, i get an error saying img src should be a string.

import { ReactComponent as WhiteCheck } from '../../assets/icons/white-check.svg';
<img style={{ width: 40, marginTop: -5 }} src={WhiteCheck} alt="doge" />

• What version of react-circular-progressbar are you using?
  "version": "2.0.4",