From f9ddd38ff88ff8d72dc4685f87011b3cd71ff432 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <seth.burkart@hills.adventist.edu.au>
Date: Mon, 1 Apr 2024 20:55:28 +1100
Subject: [PATCH] fix types for themeSelectorRef

---
 src/interface/pages/SettingsPage/Themes.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/interface/pages/SettingsPage/Themes.tsx b/src/interface/pages/SettingsPage/Themes.tsx
index a507ec3c..cc822e86 100644
--- a/src/interface/pages/SettingsPage/Themes.tsx
+++ b/src/interface/pages/SettingsPage/Themes.tsx
@@ -2,9 +2,13 @@ import { FC, createRef, useState } from 'react';
 import BackgroundSelector from '../../components/BackgroundSelector';
 import ThemeSelector from '../../components/ThemeSelector';
 
+type ThemeSelectorRef = {
+  disableTheme: () => void;
+};
+
 const Themes: FC = () => {
   const [isEditMode, setIsEditMode] = useState<boolean>(false);
-  const themeSelectorRef = createRef();
+  const themeSelectorRef = createRef<ThemeSelectorRef>(); // Add type annotation here
 
   const disableTheme = async () => {
     themeSelectorRef?.current?.disableTheme();