fix react/jsx typing issues

package.json

@@ -52,6 +52,7 @@
 		"@testing-library/preact": "^3.2.3",
 		"@types/jest": "^29.4.0",
 		"@types/node": "^18.13.0",
+		"@types/react": "^18.0.33",
 		"@types/uuid": "^9.0.0",
 		"@typescript-eslint/eslint-plugin": "^5.51.0",
 		"@typescript-eslint/parser": "^5.51.0",
@@ -84,6 +85,7 @@
 		"prettier": "^2.8.4",
 		"prettier-plugin-astro": "^0.8.0",
 		"puppeteer-core": "^10.4.0",
+		"react": "^18.2.0",
 		"rehype-raw": "^6.1.1",
 		"rehype-retext": "^3.0.2",
 		"rehype-slug-custom-id": "^1.1.0",