fix: typescript transpilation by enabling tsx loader for jsxPlugin

adbayb · Nov 22, 2021 · 1e8f80d · 1e8f80d
1 parent 53357e8
commit 1e8f80d
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 5 deletions.
diff --git a/examples/ts-module/src/Button.tsx b/examples/ts-module/src/Button.tsx
@@ -1,7 +1,11 @@
-export const Button = () => {
+interface ButtonProps {
+	label: string;
+}
+
+export const Button = (props: ButtonProps) => {
 	return (
 		<>
-			<button>Click me!</button>Plop
+			<button>{props.label}</button> Plop
 		</>
 	);
 };
diff --git a/examples/ts-react/src/App.tsx b/examples/ts-react/src/App.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 
 interface AppProps {
-	label: string;
+	label?: string;
 }
 
 export const App = (props: AppProps) => {

diff --git a/src/bundler/bundler.ts b/src/bundler/bundler.ts
@@ -32,7 +32,7 @@ export const createBundler = async (
 
 		await build({
 			absWorkingDir: CWD,
-			// bundle: true, // @todo: fix (not working with typescript like syntax (type/interface))
+			bundle: Boolean(metadata.externalDependencies),
 			define: {
 				"process.env.NODE_ENV": isProduction
 					? '"production"'

diff --git a/src/bundler/plugins.ts b/src/bundler/plugins.ts
@@ -32,7 +32,7 @@ export const jsxPlugin = (
 
 			return {
 				contents: `import * as React from "${module}";${content}`,
-				loader: "jsx",
+				loader: "tsx",
 			};
 		});
 	},