fix(frontend): evitar requisições duplicadas causadas pelo React StrictMode

- Adicionar ref para controlar requisições já feitas no App.jsx
- Adicionar ref para controlar fetch no RawDataModal.jsx
- Adicionar componente FiltroAtivo para filtrar consultores
This commit is contained in:
Frederico Castro
2025-12-29 03:29:42 -03:00
parent 78670c40de
commit e0692ee49c
6 changed files with 275 additions and 15 deletions

View File

@@ -1,4 +1,4 @@
import React, { useState, useEffect, useCallback } from 'react';
import React, { useState, useEffect, useCallback, useRef } from 'react';
import ReactDOM from 'react-dom';
import { rankingService } from '../services/api';
import './RawDataModal.css';
@@ -473,8 +473,13 @@ const RawDataModal = ({ idPessoa, nome, onClose }) => {
const [filterType, setFilterType] = useState('all');
const [copyFeedback, setCopyFeedback] = useState(false);
const [downloadingPDF, setDownloadingPDF] = useState(false);
const fetchedRef = useRef(null);
useEffect(() => {
if (fetchedRef.current === idPessoa) {
return;
}
fetchedRef.current = idPessoa;
const fetchData = async () => {
try {
setLoading(true);