Import React

src/charts/candle/DatetimeText.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 

src/charts/candle/Line.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { StyleSheet } from 'react-native';
 import Svg, { Line as SVGLine, LineProps } from 'react-native-svg';
 

src/charts/candle/PriceText.tsx

@@ -1,7 +1,8 @@
+import React from 'react';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
-import type { TFormatterFn, TPriceType } from './types';
 
+import type { TFormatterFn, TPriceType } from './types';
 import { useCandlestickChartPrice } from './usePrice';
 import { AnimatedText } from '../../components/AnimatedText';
 

src/charts/line/Data.tsx

@@ -1,7 +1,7 @@
-import type { TLineChartData } from './types';
-import { createContext, useContext, useMemo } from 'react';
+import React, { createContext, useContext, useMemo } from 'react';
 import type { ReactNode } from 'react';
-import type { TLineChartDataProp } from './types';
+
+import type { TLineChartData, TLineChartDataProp } from './types';
 
 export const DefaultLineChartId = '__LineChartData';
 
@@ -76,9 +76,8 @@ function validateLineChartId(dataContext: LineChartDataContext, id?: string) {
     const joinedIds = otherIds.join(', ');
 
     const suggestion = otherIds.length
-      ? `Did you mean to use ${
-          singular ? 'this ID' : 'one of these IDs'
-        }: ${joinedIds}`
+      ? `Did you mean to use ${singular ? 'this ID' : 'one of these IDs'
+      }: ${joinedIds}`
       : `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
 
     console.warn(
@@ -92,9 +91,8 @@ ${suggestion}`
 
     const joinedIds = otherIds.join(', ');
     const suggestion = otherIds.length
-      ? `Did you mean to use ${
-          singular ? 'this ID' : 'one of these IDs'
-        }: ${joinedIds}`
+      ? `Did you mean to use ${singular ? 'this ID' : 'one of these IDs'
+      }: ${joinedIds}`
       : `You didn't pass any IDs to your <LineChart.Provider />'s data prop. Did you mean to pass an array instead?`;
 
     console.error(`[react-native-wagmi-charts] Missing data "id" prop on LineChart. You must pass an id prop to <LineChart /> when using a dictionary for your data.

src/charts/line/DatetimeText.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 

src/charts/line/Group.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, Children, cloneElement } from 'react';
+import React, { ReactNode, Children, cloneElement } from 'react';
 import { ViewProps, View } from 'react-native';
 import flattenChildren from 'react-keyed-flatten-children';
 

src/charts/line/HoverTrap/index.tsx

@@ -1 +1,3 @@
+import React from 'react';
+
 export const LineChartHoverTrap = () => <></>;

src/charts/line/PriceText.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TextProps as RNTextProps } from 'react-native';
 import type Animated from 'react-native-reanimated';
 

tsconfig.json

@@ -2,14 +2,18 @@
   "compilerOptions": {
     "baseUrl": "./",
     "paths": {
-      "react-native-wagmi-charts": ["./src/index"],
+      "react-native-wagmi-charts": [
+        "./src/index"
+      ],
     },
     "allowUnreachableCode": false,
     "allowUnusedLabels": false,
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames": true,
-    "jsx": "react-jsx",
-    "lib": ["esnext"],
+    "jsx": "react",
+    "lib": [
+      "esnext"
+    ],
     "module": "esnext",
     "moduleResolution": "node",
     "noFallthroughCasesInSwitch": true,