React Ruler transparent background not working

[AhsanSarwar45]

Environments

• Framework name: React, Next Js
• Framework version: 18.2.0, 13.4.3
• Component name: @scena/react-ruler
• Component version: 0.17.1
• Testable Address(optional):

Description

I was previously using react-ruler 0.9.1 and was setting the ruler's background as transparent like so:

 <Ruler
      type="horizontal"
      unit={1}
      zoom={wholeNoteDivisions * columnWidth}
      ref={scaleGridMinor}
      backgroundColor={"rgba(0,0,0,0)"}
      segment={wholeNoteDivisions}
      mainLineSize={0}
      shortLineSize={gridHeight}
      longLineSize={gridHeight}
      height={gridHeight}
      lineColor="rgba(255,255,255,0.1)"
      textColor="rgba(0,0,0,0)"
  />

This worked well, but today I updated to react-ruler 0.17.1 and this not longer works, instead showing a black background. Has there any changes since then that makes this not possible, or am I doing something wrong in the new version?

[daybrush]

@AhsanSarwar45

react-ruler 0.18.0 is released. Try it again.

Thank you

[AhsanSarwar45]

Yup its fixed now. Thank you.