gustavosantos/MIKROTIK-RMM
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: move ref sync to useEffect to satisfy react-hooks/refs lint rule

Browse Source
This commit is contained in:
2GT-Rich
2026-04-23 16:23:48 -07:00
parent ac39598257
commit ff768b8217
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/ClientsPage.tsx
+2 -2
View File
@@ -1,4 +1,4 @@
import { useState, useMemo, useRef } from 'react'; import { useState, useMemo, useRef, useEffect } from 'react';
import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'; import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
import { useNavigate } from 'react-router-dom'; import { useNavigate } from 'react-router-dom';
import { Search, Wifi, Network, Users, X, Pencil, Trash2, ChevronUp, ChevronDown, ChevronsUpDown, RefreshCw } from 'lucide-react'; import { Search, Wifi, Network, Users, X, Pencil, Trash2, ChevronUp, ChevronDown, ChevronsUpDown, RefreshCw } from 'lucide-react';
@@ -131,7 +131,7 @@ export default function ClientsPage() {
const [sortDir, setSortDir] = useState<'asc' | 'desc'>('desc'); const [sortDir, setSortDir] = useState<'asc' | 'desc'>('desc');
const [refreshInterval, setRefreshInterval] = useState<number | null>(readStoredInterval); const [refreshInterval, setRefreshInterval] = useState<number | null>(readStoredInterval);
const refreshIntervalRef = useRef(refreshInterval); const refreshIntervalRef = useRef(refreshInterval);
refreshIntervalRef.current = refreshInterval; useEffect(() => { refreshIntervalRef.current = refreshInterval; }, [refreshInterval]);
const PAGE_SIZE = 50; const PAGE_SIZE = 50;
const handleIntervalChange = (val: number | null) => { const handleIntervalChange = (val: number | null) => {