Animation is not smooth on first fire

Description

I just installed the Rive to test it out on Android, it's working but not as expected.

So in Rive's Discord i found a dark mode switch project which is here
Dark mode switch

My knowledge about Rive is quite limited so simply i wanted to create a dark switch with a onPress event.

so when I press for first time the switch is switching but not with animation, after second click its starting to work as expected.

 <TouchableOpacity
          onPress={() => {
            setIsDark(!isDark);
            riveRef.current.setInputState("State Machine 1", "isDark", isDark);
          }}
          autoplay={true}
          style={{width: 100, height: 50}}
        >
          <Text>FIRE</Text>
        </TouchableOpacity>
        <Rive
          ref={riveRef}
          resourceName="dark"
          style={{width: "100%", height: 40}}
          autoplay={false}
        />

https://user-images.githubusercontent.com/44513402/192143445-b4ec20f8-dc09-4878-8501-b5eca44d1af4.mov

The report names no source file or test. Start by reproducing the provided React Native example and compare the first and second calls to setInputState; done means the first press triggers the dark-mode animation as expected.