adding react support initial

astro.config.mjs

@@ -1,9 +1,11 @@
-import { defineConfig } from 'astro/config'
-import compress from 'astro-compress'
-import mdx from '@astrojs/mdx'
-import tailwind from '@astrojs/tailwind'
+import { defineConfig } from 'astro/config';
+import compress from 'astro-compress';
+import mdx from '@astrojs/mdx';
+import tailwind from '@astrojs/tailwind';
+
+import react from "@astrojs/react";
 
 // https://astro.build/config
 export default defineConfig({
-  integrations: [compress(), mdx(), tailwind()],
-})
+  integrations: [compress(), mdx(), tailwind(), react()]
+});

package.json

@@ -29,5 +29,12 @@
     "sass": "^1.49.9",
     "svgo": "^2.8.0",
     "tailwindcss": "^3.2.7"
+  },
+  "dependencies": {
+    "@astrojs/react": "^2.2.1",
+    "@types/react": "^18.2.11",
+    "@types/react-dom": "^18.2.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
   }
 }

src/pages/btc-how-works.mdx

@@ -11,7 +11,7 @@ import { Notification } from 'accessible-astro-components'
 <Notification type="info">
   <Icon pack="ion" name="information-circle-outline" />
   <p>
-    <strong>Info:</strong> La siguiente es una recopilación de los mejores trabajos explicando como usar bitcoin, mi contribución a lo máximo es la traducción al español, derechos reservados de los creadores.
+    <strong>Info:</strong> La siguiente es una recopilación de los mejores trabajos explicando como funciona bitcoin, mi contribución a lo máximo es la traducción al español, derechos reservados de los creadores.
   </p>
 </Notification>
 

tsconfig.json

@@ -0,0 +1,7 @@
+{
+  "extends": "astro/tsconfigs/base",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "react"
+  }
+}