fix: tsconfig jsx to react

Author: ErdongChen-Andrew

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ecctrl",
-  "version": "1.0.73",
+  "version": "1.0.74",
   "author": "Erdong Chen",
   "license": "MIT",
   "description": "A floating rigibody character controller for R3F",

package.json

@@ -20,6 +20,7 @@ import type {
   RayColliderToi,
   Vector,
 } from "@dimforge/rapier3d-compat";
+import React from "react";
 
 export { EcctrlAnimation } from "./EcctrlAnimation";
 export { useFollowCam } from "./hooks/useFollowCam";

src/Ecctrl.tsx

@@ -2,6 +2,7 @@ import { useGLTF, useAnimations } from "@react-three/drei";
 import { useEffect, useRef, Suspense } from "react";
 import * as THREE from "three";
 import { useGame, type AnimationSet } from "./stores/useGame";
+import React from "react";
 
 export function EcctrlAnimation(props: EcctrlAnimationProps) {
   // Change the character src to yours

src/EcctrlAnimation.tsx

@@ -11,7 +11,7 @@
     "emitDeclarationOnly": true,
     "moduleResolution": "node",
     "strictNullChecks": false,
-    "jsx": "react-jsx",
+    "jsx": "react",
     "declaration": true,
     "lib": ["es2022", "dom"]
   },