我最近使用Expo CLI设置了一个简单的TypeScript应用程序，命令expo init appName使用TypeScript模板。在我尝试集成react-native-gifted-charts库以包含条形图之前，该应用程序运行良好。不幸的是，我遇到了一个问题，我有麻烦解决。
下面是我尝试使用react-native-gifted-charts中的BarChart组件的代码片段：

import { BarChart } from "react-native-gifted-charts";
...
...

<View style={styles.chartContainer}>
          <BarChart
            data={Data}
            width={300}
            height={200}
            chartConfig={{
              backgroundGradientFrom: "#1E2923",
              backgroundGradientTo: "#08130D",
              fillShadowGradient: "#45E355",
              fillShadowGradientOpacity: 0.8,
              color: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
              labelColor: (opacity = 1) => `rgba(255, 255, 255, ${opacity})`,
              style: {
                borderRadius: 16,
              },
            }}
            style={{
              marginVertical: 8,
              borderRadius: 16,
            }}
          />
        </View>

当我尝试使用上面的代码时，我遇到了一条指向NativeModules.js文件的错误消息。然而，在检查NativeModules.js文件时，我注意到它似乎包含TypeScript内容，尽管它的文件扩展名是. js。这种差异令我感到困惑，并导致文件中的几个错误行。
我不确定是我使用BarChart组件不正确还是有其他问题。我要求澄清以下几点：
如何在基于TypeScript的Expo应用中正确集成和使用react-native-gifted-charts库，特别是BarChart组件？
为什么NativeModules.js文件会自动生成.js文件扩展名，同时包含类似TypeScript的内容？对于解决NativeModules.js文件和相关错误的问题，有什么建议吗？