Replace immer with spread syntax for state updates (#897)

Author: terror

client/src/components/course-averages.tsx

@@ -1,4 +1,3 @@
-import { produce } from 'immer';
 import { ChevronDown, ChevronUp, LineChart, List } from 'lucide-react';
 import { Fragment, useCallback, useEffect, useState } from 'react';
 import { Link } from 'react-router-dom';
@@ -37,11 +36,7 @@ export const CourseAverages = ({ course, averages }: CourseAveragesProps) => {
   const [expandedState, setExpandedState] = useState(initialExpandedState());
 
   const handleInstructorToggle = (term: string) => {
-    setExpandedState(
-      produce(expandedState, (draft) => {
-        draft[term] = !draft[term];
-      })
-    );
+    setExpandedState({ ...expandedState, [term]: !expandedState[term] });
   };
 
   const handleGraphToggle = useCallback(

client/src/components/course-terms.tsx

@@ -1,4 +1,3 @@
-import { produce } from 'immer';
 import { ChevronDown } from 'lucide-react';
 import { Leaf, Snowflake, Sun, X } from 'lucide-react';
 import { useEffect, useState } from 'react';
@@ -68,11 +67,7 @@ export const CourseTerms = ({ course, variant, query }: CourseTermsProps) => {
   const [expandedState, setExpandedState] = useState(initialExpandedState());
 
   const handleToggle = (i: number) => {
-    setExpandedState(
-      produce(expandedState, (draft) => {
-        draft[i] = !draft[i];
-      })
-    );
+    setExpandedState(expandedState.map((val, idx) => (idx === i ? !val : val)));
   };
 
   useEffect(() => {

package.json

@@ -28,7 +28,6 @@
     "flexsearch": "^0.8.212",
     "formik": "^2.4.9",
     "framer-motion": "^12.27.1",
-    "immer": "^11.1.3",
     "lucide-react": "^0.562.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",