got new theme system to work without re-rendering

src/navigation/Router.tsx

@@ -37,19 +37,13 @@ const BinCableEstimator = lazy(() => import("pages/BinCableEstimator"));
 const APIDocs = lazy(() => import("pages/APIDocs"));
 const Fields = lazy(()=> import("pages/Fields"));
 const Marketplace = lazy(() => import("userFeatures/UserFeatures"))
-
-interface Props {
-  toggleTheme: () => void;
-}
-
 export const appendToUrl = (appendage: number | string) => {
   const basePath = location.pathname.replace(/\/$/, ""); 
   return(`${basePath}/${appendage}`);
 };
 
-export default function Router(props: Props) {
+export default function Router() {
 
-  const { toggleTheme } = props;
   const { isAuthenticated, loginWithRedirect, isLoading } = useAuth0();
   const whiteLabel = getWhitelabel();
   const [{ user }] = useGlobalState();
@@ -290,11 +284,7 @@ export default function Router(props: Props) {
   return (
     <Suspense fallback={<LoadingScreen />}>
       <BrowserRouter>
-        <Header
-          toggleTheme={toggleTheme}
-          // teams={teams}
-          // setTeams={setTeams}
-        />
+        <Header />
         <Routes>
           
           {/* Redirects */}