Path.js

import React from 'react';

export default class Path extends React.Component {
  constuctor(props) {
    super(props);
    this.state = {
      d: props.d || props.initialD,
      fill: props.fill || props.initialFill,
      stroke: props.stroke || props.initialStroke,
      className: props.className || props.initialClassName,
      transform: props.transform || props.initialTransform,
      'stroke-width': props.strokeWidth || props.initialStrokeWidth
    };
  }
  render() {
    return <path {...this.state} />;
  }
}

Path.defaultProps = {
  initialD: '',
  initialFill: '#000000',
  initialStroke: 'transparent',
  initialStrokeWidth: 1,
  initialClassName: 'path',
  initialTransform: null
};

SVG.js

import React from 'react';

export default class SVG extends React.Component {
  constuctor(props) {
    super(props);
    this.state = {
      width: props.width || props.initialWidth,
      height: props.height || props.initialHeight
    };
  }
  render() {
    return <svg {...this.state}>{this.props.children}</svg>;
  }
}

SVG.defaultProps = {
  initialWidth: 500,
  initialHeight: 500
};