How to use SVG as react components.md

How to

1. yarn add --dev @svgr/cli
2. Config in package.json

"scripts": {
    "svgr": "npx @svgr/cli --out-dir src/components/icons --ignore-existing -- src/assests/icons"
}

3. yarn svgr
4. Use with semi-ui

import {Divider, Icon, Typography} from '@douyinfe/semi-ui';
import SvgBulleye from './components/icons/Bulleye';

<Icon svg={<SvgBulleye />} />

Reference

1. https://react-svgr.com/docs/cli/
2. https://semi.design/zh-CN/basic/icon