Ant Design + SVGR语法错误意外令牌

Question

在将Ant Design custom icon与svgr loader一起使用时，出现以下错误。

./src/Media/icon/test.svg
SyntaxError: D:\GitHub\SPA\src\Media\icon\test.svg: Unexpected token (4:9)

2 | 
3 | function SvgTest(props) {
> 4 |   return <svg viewBox="0 0 24 24" width="1em" height="1em" {...props}> 
<path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04a.996.996 
0 000-1.41l-2.34-2.34a.996.996 0 00-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z" 
/><path d="M0 0h24v24H0z" fill="none" /></svg>;
|          ^
5 | }
6 | 
7 | export default __webpack_public_path__ + 
"static/media/test.fdab0975.svg";