баги

frontend/react/admin/tabs/TeacherRequestsTab.jsx

@@ -1,4 +1,5 @@
 import { useEffect, useRef, useState } from 'react';
+import { CustomSelect } from '../../shared/ui/CustomSelect.jsx';
 
 import { readUrlState, writeUrlState } from '../../../admin/js/url-state.js';
 import { trackUxEvent } from '../../../telemetry.js';
@@ -71,6 +72,8 @@ export function TeacherRequestsTab() {
     }, []);
 
     async function loadRequests(nextState) {
+        stateRef.current = nextState;
+        setState(nextState);
         const currentRequest = requestNumber.current + 1;
         requestNumber.current = currentRequest;
         setTableLoading(true);
@@ -180,7 +183,7 @@ export function TeacherRequestsTab() {
                 </div>
                 <div className="form-group">
                     <label htmlFor="teacher-requests-status">Статус</label>
-                    <select
+                    <CustomSelect
                         id="teacher-requests-status"
                         value={state.status}
                         onChange={event => applyState({ status: event.target.value, page: 0 })}
@@ -188,7 +191,7 @@ export function TeacherRequestsTab() {
                         {REQUEST_STATUS_OPTIONS.map(option => (
                             <option key={option.value} value={option.value}>{option.label}</option>
                         ))}
-                    </select>
+                    </CustomSelect>
                 </div>
             </div>
             <div className="table-wrap">
@@ -296,7 +299,7 @@ function TeacherRequestRow({ request, departments, onApprove, onReject }) {
     return (
         <tr>
             <td>
-                <select
+                <CustomSelect
                     value={departmentId}
                     onChange={event => setDepartmentId(event.target.value)}
                 >
@@ -305,7 +308,7 @@ function TeacherRequestRow({ request, departments, onApprove, onReject }) {
                             {requestDepartmentLabel(department)}
                         </option>
                     ))}
-                </select>
+                </CustomSelect>
             </td>
             <td>
                 <input