Exception thrown while executing UI block

[BoavistaLudwig]

Hej, why do I get this error and how can I solve it?

Exception thrown while executing UI block: -[__NSDictionaryM firstObject]: unrecognized selector sent to instance 0x600000764320

__53-[ABI46_0_0RCTUIManager flushUIBlocksWithCompletion:]_block_invoke ABI46_0_0RCTUIManager.m:1202 __53-[ABI46_0_0RCTUIManager flushUIBlocksWithCompletion:]_block_invoke.431 _dispatch_call_block_and_release _dispatch_client_callout _dispatch_main_queue_drain _dispatch_main_queue_callback_4CF CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE __CFRunLoopRun CFRunLoopRunSpecific GSEventRunModal -[UIApplication _run] UIApplicationMain main start_sim 0x0

I assume, or based on 2 hours of research, I tend to think it is TS related and some undefined value in my basic implementation of the example code? 🤔

import VerticalBarGraph from "@chartiful/react-native-vertical-bar-graph"; import { Dimensions, StyleSheet, View, Text } from "react-native";

function ActivityGraph() { return ( <View style={styles.container}> <Text style={styles.headline}>Your Activity</Text> <VerticalBarGraph data={[20, 45, 28, 80, 99, 43, 50]} labels={["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul"]} width={100} height={100} barRadius={5} barWidthPercentage={0.65} baseConfig={{ hasXAxisBackgroundLines: false, xAxisLabelStyle: { position: "right", prefix: "$", }, }} style={{ paddingVertical: 10, flex: 1, }} /> </View> ); }

export default ActivityGraph;

const styles = StyleSheet.create({ container: { flex: 1, }, headline: { color: "white", fontSize: 24, paddingVertical: 8, textAlign: "center", }, chart: { marginBottom: 30, padding: 10, paddingTop: 20, borderRadius: 20, backgroundColor: "green", width: 180, }, });