fix jsx error (#1315)

* fix jsx error * tsconfig fix * format * added live link and improve performances * fixed icon
thisdot · Jul 26, 2023 · 280ecb3 · 280ecb3
1 parent 9b6537e
commit 280ecb3
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/starters/shopify-next-tailwind/README.md b/starters/shopify-next-tailwind/README.md
@@ -100,4 +100,4 @@ git clone https://github.com/thisdot/starter.dev.git
 
 ## Demo Implementation
 
----link live---
+[Live Store](https://shopify-next-tailwind.starter.dev)
diff --git a/starters/shopify-next-tailwind/components/Button.tsx b/starters/shopify-next-tailwind/components/Button.tsx
@@ -21,7 +21,7 @@ export const Button = forwardRef(
 		},
 		ref
 	) => {
-		const Component: React.ElementType = props?.to ? Link : as;
+		const Component: React.ElementType | null = props?.to ? Link : as;
 
 		const baseButtonClasses =
 			'inline-block rounded font-medium text-center py-2 px-6';
@@ -44,7 +44,9 @@ export const Button = forwardRef(
 		);
 
 		return (
-			<Component className={styles} {...props} href={props?.to} ref={ref} />
+			<>
+				<Component className={styles} {...props} href={props?.to} ref={ref} />
+			</>
 		);
 	}
 );

diff --git a/starters/shopify-next-tailwind/next.config.js b/starters/shopify-next-tailwind/next.config.js
@@ -2,6 +2,8 @@
 const nextConfig = {
 	experimental: {
 		serverActions: true,
+		browsersListForSwc: true,
+		legacyBrowsers: false,
 	},
 	images: {
 		dangerouslyAllowSVG: true,

diff --git a/starters/shopify-next-tailwind/package.json b/starters/shopify-next-tailwind/package.json
@@ -7,7 +7,7 @@
 		"shopify",
 		"storybook",
 		"typescript",
-		"typescript"
+		"tailwind"
 	],
 	"scripts": {
 		"dev": "next dev",

diff --git a/starters/shopify-next-tailwind/tsconfig.json b/starters/shopify-next-tailwind/tsconfig.json
@@ -21,7 +21,8 @@
 		],
 		"baseUrl": ".",
 		"paths": {
-			"@/*": ["./*"]
+			"@/*": ["./*"],
+			"react": ["./node_modules/@types/react"]
 		}
 	},
 	"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],