SVG to react component examples

If you use SVGs, you may want to easily convert those as React components so that they're easier to work with (custom props, dynamic colors/size, etc.).
That's what we did with the country flags:

It'd be very easy to update those components to add some additional capabilities, such as resizing them through props, because they're React components.

Usually, our designer make SVGs on their own, and then they send them to us developers, and we have to integrate them within our app.
That can be tricky and a tiresome process. We use the awesome SVGR library, which basically converts our SVG into React components.