change typescript module resolution to resolve typescript resolution … (#494)

Author: Qanpi

config/typescript/tsconfig.json

@@ -1,7 +1,6 @@
 {
   "compilerOptions": {
     "target": "ESNext",
-    "composite": true,
     "useDefineForClassFields": true,
     "types": ["vite/client"],
     "lib": ["DOM", "DOM.Iterable", "ESNext"],
@@ -12,7 +11,7 @@
     "strict": true,
     "forceConsistentCasingInFileNames": true,
     "module": "ESNext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": false,

config/typescript/tsconfig.node.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "composite": true,
     "module": "ESNext",
-    "moduleResolution": "bundler",
+    "moduleResolution": "node",
     "allowSyntheticDefaultImports": true
   },
   "include": ["../vite/vite.component.config.ts"]

src/components/ReactP5WrapperGuard.tsx

@@ -17,9 +17,9 @@ const ErrorBoundary = React.lazy(() =>
   }))
 );
 
-export default function ReactP5WrapperGuard<Props extends SketchProps>(
+const ReactP5WrapperGuard = <Props extends SketchProps>(
   props: P5WrapperProps<Props>
-) {
+) => {
   if (props.sketch === undefined) {
     console.error("[ReactP5Wrapper] The `sketch` prop is required.");
 
@@ -52,3 +52,5 @@ export default function ReactP5WrapperGuard<Props extends SketchProps>(
     </ErrorBoundary>
   );
 }
+
+export default ReactP5WrapperGuard;

src/components/ReactP5WrapperWithSketch.tsx

@@ -9,9 +9,9 @@ import { removeCanvasInstance } from "../utils/removeCanvasInstance";
 import { updateCanvasInstance } from "../utils/updateCanvasInstance";
 import { withoutKeys } from "../utils/withoutKeys";
 
-export default function ReactP5WrapperWithSketch<Props extends SketchProps>(
+const ReactP5WrapperWithSketch = <Props extends SketchProps>(
   props: P5WrapperPropsWithSketch<Props>
-) {
+) => {
   const wrapperRef: WrapperRef = React.useRef(null);
   const canvasInstanceRef: CanvasInstanceRef<Props> = React.useRef(null);
   const userProvidedProps: SketchProps = React.useMemo(
@@ -49,3 +49,5 @@ export default function ReactP5WrapperWithSketch<Props extends SketchProps>(
     </div>
   );
 }
+
+export default ReactP5WrapperWithSketch;