Change setMobileNavOpen type

components/OrganizedContent.tsx

@@ -97,7 +97,6 @@ export function OrganizedContent({
         }`}
         onClick={() => setMobileNavOpen(!mobileNavOpen)}
       >
-        {/* this is copied from hamburger.svg with changed colors */}
         <Burger />
       </button>
     </div>
@@ -110,7 +109,7 @@ interface NavProps {
   link: Link;
   pageTitle: string;
   mobileNavOpen: boolean;
-  setMobileNavOpen: React.Dispatch<React.SetStateAction<boolean>>;
+  setMobileNavOpen: (mobileNavOpen: boolean) => void;
 }
 
 function Nav({
@@ -342,6 +341,7 @@ function useBurger(componentIsVisible: boolean): boolean {
   return burgerVisible;
 }
 
+// Inlining this svg because we want to fill in colors using css variables
 function Burger() {
   return (
     <svg

next-env.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="next" />
-/// <reference types="next/types/global" />
-/// <reference types="next/image-types/global" />
+/// <reference types="next" />
+/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />