diff --git a/packages/web_ui/src/model/instance.ts b/packages/web_ui/src/model/instance.ts
index 41bb8b99..444e794b 100644
--- a/packages/web_ui/src/model/instance.ts
+++ b/packages/web_ui/src/model/instance.ts
@@ -1,4 +1,6 @@
-import { useCallback, useContext, useSyncExternalStore } from "react";
+import { useCallback, useContext, useEffect, useState, useSyncExternalStore } from "react";
+import { Static } from "@sinclair/typebox";
+import { Config, InstanceConfigGetRequest } from "@clusterio/lib";
 import ControlContext from "../components/ControlContext";
 
 export function useInstance(id?: number) {
@@ -11,3 +13,17 @@ export function useInstances() {
 	const subscribe = useCallback((callback: () => void) => control.instances.subscribe(callback), [control]);
 	return useSyncExternalStore(subscribe, () => control.instances.getSnapshot());
 }
+
+export function useInstanceConfig(id?: number) {
+	let control = useContext(ControlContext);
+	const [config, setConfig] = useState(undefined as undefined | Static<typeof Config.jsonSchema>);
+
+	useEffect(() => {
+		if (id) {
+			control.send(new InstanceConfigGetRequest(id))
+				.then(conf => setConfig(conf));
+		}
+	}, [id]);
+
+	return config;
+};