tested

src/components/form/ClassAutocompleteField.tsx

@@ -16,7 +16,7 @@ const ClassAutocompleteField: FC<ClassAutocompleteFieldProps> = ({
 }) => (
   <ApiAutocompleteField
     useLazyListQuery={useLazyListClassesQuery}
-    searchKey="name"
+    searchKey="id_or_name"
     filterOptions={{ _id }}
     getOptionLabel={({ name, id, teacher }) =>
       `${name} (${id}), ${teacher.user.first_name} ${teacher.user.last_name}`

src/pages/teacherDashboard/classes/transferStudents/TransferStudents.tsx

@@ -41,7 +41,7 @@ const NewClassSections: FC<
     </>
   ))
 
-const _TransferStudentsClass: FC<
+const _TransferStudents: FC<
   TransferStudentsState & {
     classId: Class["id"]
     classPath: string
@@ -55,13 +55,7 @@ const _TransferStudentsClass: FC<
         <Typography align="center" variant="h4">
           Move students from class {klass.name} ({klass.id})
         </Typography>
-        <Link
-          className="back-to"
-          to={classPath}
-          // marginBottom={
-          //   newClassName === undefined ? undefined : "0px !important"
-          // }
-        >
+        <Link className="back-to" to={classPath}>
           Class
         </Link>
       </pages.Section>
@@ -107,7 +101,7 @@ const TransferStudents: FC<TransferStudentsProps> = () => {
   return !state || !state.studentUsers || !state.studentUsers.length ? (
     <Navigate to={classPath} replace />
   ) : (
-    <_TransferStudentsClass
+    <_TransferStudents
       classId={classId}
       classPath={classPath}
       studentUsers={state.studentUsers}

vite.config.ts

@@ -13,6 +13,7 @@ export default defineConfig({
   },
   server: {
     open: true,
+    host: true,
   },
   test: {
     globals: true,