From a6193c34b680c63b086656dfe28b87e4abe41337 Mon Sep 17 00:00:00 2001
From: SethBurkart123 <hi25S.burkart@hills.adventist.edu.au>
Date: Wed, 29 Nov 2023 07:31:32 +1100
Subject: [PATCH] fix build error with update of
 react-best-gradient-color-picker

---
 interface/package.json            | 5 +++--
 interface/src/SettingsContext.tsx | 1 -
 interface/src/main.tsx            | 1 -
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/interface/package.json b/interface/package.json
index b54a223e..7a7f2365 100644
--- a/interface/package.json
+++ b/interface/package.json
@@ -13,9 +13,10 @@
     "@types/chrome": "^0.0.246",
     "framer-motion": "^10.16.4",
     "react": "^18.2.0",
-    "react-best-gradient-color-picker": "^2.2.24",
+    "react-best-gradient-color-picker": "2.2.24",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.20.0"
+    "react-router-dom": "latest",
+    "tinycolor2": "^1.6.0"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",
diff --git a/interface/src/SettingsContext.tsx b/interface/src/SettingsContext.tsx
index fc1758b7..f5b951ef 100644
--- a/interface/src/SettingsContext.tsx
+++ b/interface/src/SettingsContext.tsx
@@ -1,4 +1,3 @@
-// SettingsContext.tsx
 import React, { createContext, useContext, useState, ReactNode } from 'react';
 import { SettingsState } from './types/AppProps';
 import useSettingsState from './hooks/settingsState';
diff --git a/interface/src/main.tsx b/interface/src/main.tsx
index 1e38f4da..39082ae5 100644
--- a/interface/src/main.tsx
+++ b/interface/src/main.tsx
@@ -17,7 +17,6 @@ style.innerHTML = `
 }`;
 document.head.appendChild(style);
 
-
 const root = ReactDOM.createRoot(document.getElementById('ExtensionPopup')!);
 
 root.render(