trying fix

src/app/api/chapter/get-chapters/route.ts

@@ -1,14 +1,14 @@
-import { getChapters } from "@server/mongodb/actions/Chapter";
-import APIWrapper from "@server/utils/APIWrapper";
-
-export const GET = APIWrapper({
-  config: {
-    requireToken: true,
-    requireAdmin: true,
-  },
-  handler: async () => {
-    const chapters = await getChapters();
-
-    return chapters;
-  },
-});
+import { getChapters } from "@server/mongodb/actions/Chapter";
+import APIWrapper from "@server/utils/APIWrapper";
+
+export const GET = APIWrapper({
+  config: {
+    requireToken: true,
+    requireAdmin: true,
+  },
+  handler: async () => {
+    const chapters = await getChapters();
+
+    return chapters;
+  },
+});

src/components/Search/AdvancedSearch/AdvancedSearch.tsx

@@ -308,9 +308,6 @@ export const AdvancedSearch = (props: UpdateParamProp) => {
   const [chapters, setChapters] = useState<DropdownOption<string>[]>([]);
 
   const loadChapters = useCallback(() => {
-  }, []);
-
-  useEffect(() => {
     internalRequest<IChapter[] | null>({
       url: "/api/chapter/get-chapters",
       method: HttpMethod.GET,
@@ -325,6 +322,10 @@ export const AdvancedSearch = (props: UpdateParamProp) => {
     });
   }, []);
 
+  useEffect(() => {
+    loadChapters();
+  }, [loadChapters]);
+
   return (
     <div className={styles.body} style={props.style}>
       <div className={styles.button_row}>