Как научить React.js понимать svg?

Question

[IvanIvanIvanIvanIvan]

<svg width="200.00000000000003" height="200.00000000000003" xmlns="http://www.w3.org/2000/svg">

 <g>
  <title>background</title>
  <rect fill="#fff" id="canvas_background" height="72.17544" width="72.17544" y="-1" x="-1"/>
  <g display="none" id="canvasGrid">
   <rect fill="url(#gridpattern)" stroke-width="0" y="0" x="0" height="100%" width="100%" id="svg_1"/>
  </g>
 </g>
 <g>
  <title>Layer 1</title>
  <ellipse ry="26.6233" rx="29.54537" id="svg_2" cy="42.8576" cx="42.59811" fill-opacity="null" stroke-opacity="null" stroke-width="1.5" stroke="#000" fill="#fff"/>
 </g>
</svg>

Пример svg графики. Если вставляю в React оно вроде работает, но в консоли выдает ошибки

Warning: Unknown DOM property stroke-width. Did you mean strokeWidth?

Как это исправить?

Answer 1

[Ro37A]

Перепишите все атрибуты с дефисом в camelCase и будет вам счастье.
Дока