Exception: Error while updating property 'd' in shadow node of type: ARTShape

I am using this react-native-simple-gauge library in a project as below where the props fill is assigned a value calculated as percentage. If I assign a hard coded value like {30} to props fill, the code works perfectly. But with the calculated value it throws an exception:

_Error while updating property ‘d’ in shadow node of type: ARTShape

null

TypeError: expected dynamic type double', but had type null’ updateShadowNodeProp ViewManagersPropertyCache.java:113 setProperty ViewManagerPropertyUpdater.java:154 updateProps ViewManagerPropertyUpdater.java:58 updateProperties ReactShadowNodeImpl.java:298 updateView UIImplementation.java:309 updateView UIManagerModule.java:372 invoke Method.java invoke Method.java:372 invoke JavaMethodWrapper.java:374 invoke JavaModuleWrapper.java:162 run NativeRunnable.java handleCallback Handler.java:739 dispatchMessage Handler.java:95 dispatchMessage MessageQueueThreadHandler.java:31 loop Looper.java:135 run MessageQueueThreadImpl.java:194 run Thread.java:818_

Sample code:

<AnimatedGaugeProgress    
    size={300}
    width={5}
    prefill={70}
    fill={parseFloat(percentage_marks)}
    rotation={90}
    cropDegree={120}
    tintColor="#D6E1F1"
    backgroundColor="#F2F4F7"
    stroke={[2, 2]} //For a equaly dashed line
    strokeCap="circle" >
        {(fill) => (
            <View style={{position:'absolute', top: 20, left: 5, width: 290, height: 140, alignItems: 'center', justifyContent: 'center'}}>
                <Text style={styles.lineText}>Your Score is {percentage_marks} %</Text>
            </View>
        )}
</AnimatedGaugeProgress>`

What can be the cause for this exception?

[JonghunYu]

@harshada-bhanose can you try with

{!!percentage_marks && <AnimatedGaugeProgress />}

https://github.com/facebook/react-native/issues/13243#issuecomment-335488473

[harshada-bhanose]

@JonghunYu It woks…thanks !!!