fix(compat): Changing tsconfig jsx option back to react

Co-authored-by: Ricardo Arrobo <[email protected]>

.eslintrc.json

@@ -35,8 +35,7 @@
     "plugin:@typescript-eslint/recommended-requiring-type-checking",
     "plugin:etc/recommended",
     "plugin:import/typescript",
-    "plugin:react/recommended",
-    "plugin:react/jsx-runtime"
+    "plugin:react/recommended"
   ],
   "overrides": [{
     "files": "*.ts?(x)",

example/src/App.tsx

@@ -7,7 +7,7 @@ import {
   TourBox,
   TourStep,
 } from "@stackbuilders/react-native-spotlight-tour";
-import { ReactElement, useMemo, useRef } from "react";
+import React, { ReactElement, useMemo, useRef } from "react";
 import { Animated, Button, Dimensions, SafeAreaView, Text } from "react-native";
 
 import {

example/src/DocsTooltip.tsx

@@ -1,5 +1,5 @@
 import { useSpotlightTour } from "@stackbuilders/react-native-spotlight-tour";
-import { ReactElement } from "react";
+import React, { ReactElement } from "react";
 import { Button } from "react-native";
 
 import { BoldText, ButtonsGroupView, DescriptionText, SpotDescriptionView } from "./App.styles";

package/src/lib/SpotlightTour.provider.tsx

@@ -1,4 +1,4 @@
-import { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
+import React, { forwardRef, useCallback, useImperativeHandle, useMemo, useRef, useState } from "react";
 import { ColorValue, LayoutRectangle } from "react-native";
 
 import { ChildFn, isChildFunction } from "../helpers/common";

package/src/lib/components/attach-step/AttachStep.component.tsx

@@ -1,4 +1,4 @@
-import { cloneElement, ReactElement, ReactNode, RefObject, useContext, useEffect, useRef } from "react";
+import React, { cloneElement, ReactElement, ReactNode, RefObject, useContext, useEffect, useRef } from "react";
 import { StyleProp, View } from "react-native";
 
 import { SpotlightTourContext } from "../../SpotlightTour.context";

package/src/lib/components/tour-box/TourBox.component.tsx

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode, useCallback } from "react";
+import React, { ReactElement, ReactNode, useCallback } from "react";
 import { StyleProp, Text, TextStyle, ViewStyle } from "react-native";
 
 import { RenderProps } from "../../SpotlightTour.context";

package/src/lib/components/tour-overlay/TourOverlay.component.tsx

@@ -1,4 +1,4 @@
-import {
+import React, {
   forwardRef,
   useCallback,
   useContext,

package/src/lib/components/tour-overlay/shapes/CircleShape.component.tsx

@@ -1,4 +1,4 @@
-import { memo, useContext, useEffect, useRef } from "react";
+import React, { memo, useContext, useEffect, useRef } from "react";
 import { Animated } from "react-native";
 import { Circle } from "react-native-svg";
 

package/test/helpers/TestTour.tsx

@@ -1,3 +1,4 @@
+import React from "react";
 import { Button, Text, TouchableOpacity, View } from "react-native";
 
 import { Align, AttachStep, Position, SpotlightTourProvider, TourStep, useSpotlightTour } from "../../src";

package/test/integration/index.test.tsx

@@ -2,6 +2,7 @@ import { expect as jestExpect } from "@jest/globals";
 import { expect, TypeFactories } from "@stackbuilders/assertive-ts";
 import "@testing-library/jest-native/extend-expect";
 import { fireEvent, render, waitFor } from "@testing-library/react-native";
+import React from "react";
 import { ViewStyle } from "react-native";
 import { CircleProps } from "react-native-svg";
 

package/test/integration/lib/AttachStep.component.test.tsx

@@ -1,6 +1,6 @@
 import { expect } from "@stackbuilders/assertive-ts";
 import { render, waitFor, within } from "@testing-library/react-native";
-import { forwardRef, ReactElement } from "react";
+import React, { forwardRef, ReactElement } from "react";
 import { Text } from "react-native";
 
 import { AttachStep, SpotlightTourProvider } from "../../../src";

tsconfig.json

@@ -7,7 +7,7 @@
     "forceConsistentCasingInFileNames": true,
     "importHelpers": true,
     "incremental": true,
-    "jsx": "react-jsx",
+    "jsx": "react",
     "lib": ["ES2022"],
     "moduleResolution": "Node",
     "noImplicitAny": true,