diff --git a/code/game/machinery/kitchen/microwave.dm b/code/game/machinery/kitchen/microwave.dm
index c91a7e6fdf6d..0de873d684fd 100644
--- a/code/game/machinery/kitchen/microwave.dm
+++ b/code/game/machinery/kitchen/microwave.dm
@@ -176,7 +176,7 @@
 	var/list/data = list()
 
 	data["operating"] = operating
-	data["broken"] = broken
+	data["broken"] = (broken > 0)
 	data["dirty"] = (dirty == 100)
 
 	var/list/ingredients = list()
diff --git a/tgui/packages/tgui/interfaces/Microwave.js b/tgui/packages/tgui/interfaces/Microwave.tsx
similarity index 89%
rename from tgui/packages/tgui/interfaces/Microwave.js
rename to tgui/packages/tgui/interfaces/Microwave.tsx
index 47bba877d25b..5c72945ed9ef 100644
--- a/tgui/packages/tgui/interfaces/Microwave.js
+++ b/tgui/packages/tgui/interfaces/Microwave.tsx
@@ -2,8 +2,21 @@ import { useBackend } from '../backend';
 import { Button, NoticeBox, Section, Flex, Box } from '../components';
 import { Window } from '../layouts';
 
+type Ingredient = {
+  name: string;
+  count: number;
+  measure: string;
+};
+
+type BackendContext = {
+  operating: 0 | 1;
+  broken: 0 | 1;
+  dirty: 0 | 1;
+  ingredients: Ingredient[];
+};
+
 export const Microwave = (props, context) => {
-  const { data, act } = useBackend(context);
+  const { data, act } = useBackend<BackendContext>(context);
   const { operating, broken, dirty, ingredients } = data;
 
   return (