diff --git a/main.ts b/main.ts
index 6e752cd..30662e0 100644
--- a/main.ts
+++ b/main.ts
@@ -29,6 +29,8 @@ export default class NemesisPlugin extends Plugin {
 			new Notice("Hello, nemesis!");
 		});
 
+		console.log("loading plugin");
+
 		// This creates an icon in the left ribbon.
 		const ribbonIconEl = this.addRibbonIcon(
 			"dice",
diff --git a/package-lock.json b/package-lock.json
index f29fb2b..453955c 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8,8 +8,14 @@
 			"name": "obsidian-sample-plugin",
 			"version": "1.0.0",
 			"license": "MIT",
+			"dependencies": {
+				"react": "^19.0.0",
+				"react-dom": "^19.0.0"
+			},
 			"devDependencies": {
 				"@types/node": "^16.11.6",
+				"@types/react": "^19.0.8",
+				"@types/react-dom": "^19.0.3",
 				"@typescript-eslint/eslint-plugin": "5.29.0",
 				"@typescript-eslint/parser": "5.29.0",
 				"builtin-modules": "3.3.0",
@@ -563,6 +569,24 @@
 			"integrity": "sha512-w7U5ojboSPfZP4zD98d+/cjcN2BDW6lKH2M0ubipt8L8vUC7qUAC6ENKGSJL4tEktH2Saw2K4y1uwSjyRGKMhw==",
 			"dev": true
 		},
+		"node_modules/@types/react": {
+			"version": "19.0.8",
+			"resolved": "https://registry.npmjs.org/@types/react/-/react-19.0.8.tgz",
+			"integrity": "sha512-9P/o1IGdfmQxrujGbIMDyYaaCykhLKc0NGCtYcECNUr9UAaDe4gwvV9bR6tvd5Br1SG0j+PBpbKr2UYY8CwqSw==",
+			"dev": true,
+			"dependencies": {
+				"csstype": "^3.0.2"
+			}
+		},
+		"node_modules/@types/react-dom": {
+			"version": "19.0.3",
+			"resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.0.3.tgz",
+			"integrity": "sha512-0Knk+HJiMP/qOZgMyNFamlIjw9OFCsyC2ZbigmEEyXXixgre6IQpm/4V+r3qH4GC1JPvRJKInw+on2rV6YZLeA==",
+			"dev": true,
+			"peerDependencies": {
+				"@types/react": "^19.0.0"
+			}
+		},
 		"node_modules/@types/tern": {
 			"version": "0.23.9",
 			"resolved": "https://registry.npmjs.org/@types/tern/-/tern-0.23.9.tgz",
@@ -956,6 +980,12 @@
 				"node": ">= 8"
 			}
 		},
+		"node_modules/csstype": {
+			"version": "3.1.3",
+			"resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+			"integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
+			"dev": true
+		},
 		"node_modules/debug": {
 			"version": "4.4.0",
 			"resolved": "https://registry.npmjs.org/debug/-/debug-4.4.0.tgz",
@@ -1913,6 +1943,25 @@
 				}
 			]
 		},
+		"node_modules/react": {
+			"version": "19.0.0",
+			"resolved": "https://registry.npmjs.org/react/-/react-19.0.0.tgz",
+			"integrity": "sha512-V8AVnmPIICiWpGfm6GLzCR/W5FXLchHop40W4nXBmdlEceh16rCN8O8LNWm5bh5XUX91fh7KpA+W0TgMKmgTpQ==",
+			"engines": {
+				"node": ">=0.10.0"
+			}
+		},
+		"node_modules/react-dom": {
+			"version": "19.0.0",
+			"resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.0.0.tgz",
+			"integrity": "sha512-4GV5sHFG0e/0AD4X+ySy6UJd3jVl1iNsNHdpad0qhABJ11twS3TTBnseqsKurKcsNqCEFeGL3uLpVChpIO3QfQ==",
+			"dependencies": {
+				"scheduler": "^0.25.0"
+			},
+			"peerDependencies": {
+				"react": "^19.0.0"
+			}
+		},
 		"node_modules/regexpp": {
 			"version": "3.2.0",
 			"resolved": "https://registry.npmjs.org/regexpp/-/regexpp-3.2.0.tgz",
@@ -1985,6 +2034,11 @@
 				"queue-microtask": "^1.2.2"
 			}
 		},
+		"node_modules/scheduler": {
+			"version": "0.25.0",
+			"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0.tgz",
+			"integrity": "sha512-xFVuu11jh+xcO7JOAGJNOXld8/TcEHK/4CituBUeUb5hqxJLj9YuemAEuvm9gQ/+pgXYfbQuqAkiYu+u7YEsNA=="
+		},
 		"node_modules/semver": {
 			"version": "7.7.0",
 			"resolved": "https://registry.npmjs.org/semver/-/semver-7.7.0.tgz",
diff --git a/package.json b/package.json
index 6a00766..e4b7c90 100644
--- a/package.json
+++ b/package.json
@@ -13,6 +13,8 @@
 	"license": "MIT",
 	"devDependencies": {
 		"@types/node": "^16.11.6",
+		"@types/react": "^19.0.8",
+		"@types/react-dom": "^19.0.3",
 		"@typescript-eslint/eslint-plugin": "5.29.0",
 		"@typescript-eslint/parser": "5.29.0",
 		"builtin-modules": "3.3.0",
@@ -20,5 +22,9 @@
 		"obsidian": "latest",
 		"tslib": "2.4.0",
 		"typescript": "4.7.4"
+	},
+	"dependencies": {
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0"
 	}
 }
diff --git a/tsconfig.json b/tsconfig.json
index c44b729..1d53216 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,24 +1,18 @@
 {
-  "compilerOptions": {
-    "baseUrl": ".",
-    "inlineSourceMap": true,
-    "inlineSources": true,
-    "module": "ESNext",
-    "target": "ES6",
-    "allowJs": true,
-    "noImplicitAny": true,
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "isolatedModules": true,
-    "strictNullChecks": true,
-    "lib": [
-      "DOM",
-      "ES5",
-      "ES6",
-      "ES7"
-    ]
-  },
-  "include": [
-    "**/*.ts"
-  ]
+	"compilerOptions": {
+		"baseUrl": ".",
+		"inlineSourceMap": true,
+		"inlineSources": true,
+		"module": "ESNext",
+		"target": "ES6",
+		"allowJs": true,
+		"noImplicitAny": true,
+		"moduleResolution": "node",
+		"importHelpers": true,
+		"isolatedModules": true,
+		"strictNullChecks": true,
+		"lib": ["DOM", "ES5", "ES6", "ES7"],
+		"jsx": "react-jsx"
+	},
+	"include": ["**/*.ts"]
 }