Need some help with minZoom, maxZoom and few other things about zoomable-svg HOT 1 OPEN

class SvgRoot extends Component {
  render() {
    const { transform, width, height } = this.props;
    return (
      <Svg width={width} height={height}>
        <G transform={transform}>
          <Rect
            y="0"
            x="0"
            width="100"
            height="100"
            fill="none"
            strokeWidth="1"
            stroke="red"
          />
          <Rect
            y="5"
            x="5"
            width="90"
            height="90"
            fill="blue"
            strokeWidth="3"
            stroke="black"
          />
        </G>
      </Svg>
    );
  }
}

export default class SimpleConstrained extends Component {
  render() {
    const { width, height } = this.props;
    return (
      <ZoomableSvg
        align="mid"
        vbWidth={100}
        vbHeight={100}
        width={width}
        height={height}
        meetOrSlice="meet"
        svgRoot={SvgRoot}
        initialTop={-20}
        initialLeft={-50}
        initialZoom={0.5}
        doubleTapThreshold={300}
        childProps={{ width, height }}
        constrain={{
          combine: 'dynamic',
          scaleExtent: [1 / 5, 5],
          translateExtent: [[-10, -10], [110, 110]],
        }}
      />
    );
  }
}