Incorrect color when changing it.

[DimitarNestorov]

Bug

Whenever I update the color of a mounted SVG I get a red tint instead of the specified color.

When I started making an example I even got to a worse bug, the SVG becomes invisible on the second color change.

Environment info

React native info output:

System:
    OS: macOS 10.15
    CPU: (6) x64 Intel(R) Core(TM) i5-9600K CPU @ 3.70GHz
    Memory: 423.59 MB / 32.00 GB
    Shell: 3.0.2 - /usr/local/bin/fish
  Binaries:
    Node: 10.16.3 - ~/.nvm/versions/node/v10.16.3/bin/node
    Yarn: 1.19.1 - /usr/local/bin/yarn
    npm: 6.9.0 - ~/.nvm/versions/node/v10.16.3/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  SDKs:
    iOS SDK:
      Platforms: iOS 13.1, DriverKit 19.0, macOS 10.15, tvOS 13.0, watchOS 6.0
  IDEs:
    Android Studio: 3.5 AI-191.8026.42.35.5791312
    Xcode: 11.1/11A1027 - /usr/bin/xcodebuild
  npmPackages:
    react: 16.9.0 => 16.9.0 
    react-native: 0.61.2 => 0.61.2

Library version: 9.11.1

Steps To Reproduce

Clone and run https://github.com/dimitarnestorov/react-native-svg-color-issue

Describe what you expected to happen:

1. To never see a red or invisible SVG

Reproducible sample code

const App = () => {
  const [state, setState] = useState(true);

  useEffect(() => {
    const id = setInterval(() => {
      setState(oldState => !oldState);
    }, 1000);
    return () => clearInterval(id);
  }, []);

  return (
    <View style={{flex: 1, backgroundColor: '#CCCCCC'}}>
      <SomeSvg color={state ? '#000000' : '#0000FF'} width={50} height={50} />
    </View>
  );
};

[msand]

Can you try with the latest commit from the develop branch?

[DimitarNestorov]

Works! Thank you for the quick response!

[msand]

🎉 This issue has been resolved in version 9.12.0 🎉

The release is available on:

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

Your semantic-release bot 📦🚀