diff --git a/src/interface/pages/ThemeCreator.tsx b/src/interface/pages/ThemeCreator.tsx
index d3200b98..fa15e059 100644
--- a/src/interface/pages/ThemeCreator.tsx
+++ b/src/interface/pages/ThemeCreator.tsx
@@ -3,7 +3,14 @@ import Accordion from '../components/Accordian';
 import { useState } from 'react';
 
 export default function ThemeCreator() {
-  const [theme, setTheme] = useState();
+  const [theme, setTheme] = useState<CustomTheme>({
+    name: '',
+    description: '',
+    defaultColour: '',
+    CanChangeColour: false,
+    CustomCSS: '',
+    CustomImages: []
+  });
 
   const handleSave = (value: string) => {
     // Save the theme