fix: react is not defined in some environments

package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.0.0",
+  "version": "0.0.0",
   "name": "tailwindcss-react-native",
   "description": "Use Tailwindcss in your cross-platform React Native applications",
   "main": "dist/index.js",

src/context/color-scheme.tsx

@@ -1,4 +1,9 @@
-import { createContext, PropsWithChildren, useContext, useState } from "react";
+import React, {
+  createContext,
+  PropsWithChildren,
+  useContext,
+  useState,
+} from "react";
 import { Appearance, ColorSchemeName } from "react-native";
 
 export interface ColorSchemeContext {

src/context/device-media.tsx

@@ -1,4 +1,4 @@
-import { createContext, PropsWithChildren, useContext } from "react";
+import React, { createContext, PropsWithChildren, useContext } from "react";
 import { useWindowDimensions } from "react-native";
 import { useDeviceOrientation } from "@react-native-community/hooks";
 

src/context/platform.tsx

@@ -1,4 +1,4 @@
-import { createContext, PropsWithChildren, useContext } from "react";
+import React, { createContext, PropsWithChildren, useContext } from "react";
 import { Platform } from "react-native";
 
 export interface PlatformContext {

src/provider.tsx

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { PropsWithChildren } from "react";
 import { ColorSchemeName, Platform } from "react-native";
 

src/styled-component.tsx

@@ -1,5 +1,4 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import * as React from "react";
+import React from "react";
 import { styled } from "./styled";
 import { StyledProps } from "./utils/styled";
 
@@ -10,6 +9,7 @@ export type StyledComponentProps<P> = StyledProps<P> & {
 export const StyledComponent = React.forwardRef(
   ({ component, ...options }, ref) => {
     const Component = styled(component);
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return <Component {...(options as any)} ref={ref as any} />;
   }
 ) as <T, P>(

tsconfig.json

@@ -9,7 +9,7 @@
     "allowSyntheticDefaultImports": true,
     "esModuleInterop": true,
     "isolatedModules": true,
-    "jsx": "react-native",
+    "jsx": "react",
     "moduleResolution": "node",
     "outDir": "dist",
     "strict": true,