Fix build and switch back form react to previos this fixes build issues

astro.config.mjs

@@ -6,14 +6,12 @@ import solidJs from "@astrojs/solid-js";
 import netlify from "@astrojs/netlify";
 import sentry from "@sentry/astro";
 
-import react from "@astrojs/react";
-
 // https://astro.build/config
 export default defineConfig({
   site: "https://www.husky.nz",
   output: "server",
   integrations: [mdx(), sitemap(), solidJs(), tailwind({
     applyBaseStyles: false
-  }), sentry(), react()],
+  }), sentry(),],
   adapter: netlify()
 });

src/consts.ts

@@ -7,6 +7,11 @@ export const SITE: Site = {
   AUTHOR: "Peter Gallwas",
 }
 
+export const WORK: Page = {
+  TITLE: "Blog",
+  DESCRIPTION: "Writing on topics I am passionate about.",
+}
+
 // Blog Page
 export const BLOG: Page = {
   TITLE: "Blog",

src/pages/download.astro

@@ -42,7 +42,7 @@ const downloads = [
       <h2 class="text-2xl font-semibold text-black dark:text-white">Available Downloads</h2>
       <ul class="space-y-4">
         {downloads.map((download) => (
-          <li key={download.path} class="animate bg-gray-100 dark:bg-gray-800 p-4 rounded-md shadow flex justify-between items-center">
+          <li class="animate bg-gray-100 dark:bg-gray-800 p-4 rounded-md shadow flex justify-between items-center">
             <span class="text-black dark:text-white font-medium">{download.name}</span>
             <a href={`https://${accountName}.blob.core.windows.net/${containerName}/${download.path}?${sasToken}`} class="py-2 px-4 bg-blue-600 hover:bg-blue-500 text-white rounded">Download</a>
           </li>

tsconfig.json

@@ -8,8 +8,8 @@
         "src/*"
       ]
     },
-    "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "jsx": "preserve",
+    "jsxImportSource": "solid-js"
   },
   "include": [
     "src/**/*.ts",