Rect does not recognize both rx and ry props

[brittrestine]

Bug

When using Rect I am unable to get both rx and ry props to work as anticipated. As shown in the code below, I am trying to maintain the curve of rx to 20 and would like ry to have no curve at all, therefor I set it to 0.

Environment info

Library version: 9.9.3

Steps To Reproduce

1. Added a Rect inside SVG
2. Add rx="20" and ry="0" props to Rect
   ...

Describe what you expected to happen:

1. I anticipated that the left side of my rect would be curved 20px and the right side have no curve at all

Reproducible sample code

<Svg width={250} height={50} style={{ alignSelf: 'center' }}>
      <Rect width="100%" height={50} fill={pink} opacity="0.20" rx="20" ry="0" />
      <Rect width={20} height={50} fill={red} rx="20" ry="0" />
      <SVGText
        fontSize="16"
        fontWeight="600"
        x="80%
        y="70%"
        fill={white}
      >
        {20}
      </SVGText>
    </Svg>

•As you can see below both sides of the rect are curved

[msand]

Can you try with c12d66e

[msand]

🎉 This issue has been resolved in version 9.9.7 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[HilSny]

Hi @msand we are still seeing this issue in the latest release

<Rect width={f.percentify(percentToUse)} height={height} fill={palette[metric]} rx={20} ry={0} />

what it looks on web: