diff --git a/src/components/calculos/DetalhesCalculo.tsx b/src/components/calculos/DetalhesCalculo.tsx
index 4f09178..c376313 100644
--- a/src/components/calculos/DetalhesCalculo.tsx
+++ b/src/components/calculos/DetalhesCalculo.tsx
@@ -66,20 +66,25 @@ export function DetalhesCalculo() {
     valorOriginal: ''
   });
 
-  useEffect(() => {
-    const loadCalculo = async () => {
-      try {
-        // Buscar cálculo judicial pelo id correto
-        const response = await api.get(`/api/calculos/${calculoId}`);
-        setCalculo(response.data);
-      } catch (error) {
-        console.error('Erro ao carregar cálculo:', error);
-        setCalculo(null);
-      } finally {
-        setLoading(false);
-      }
-    };
+  const loadCalculo = async () => {
+    if (!calculoId) return;
 
+    try {
+      setLoading(true);
+      setError(null);
+
+      const response = await api.get(`/calculos/${calculoId}`);
+      setCalculo(response.data);
+    } catch (error) {
+      console.error('Erro ao carregar cálculo:', error);
+      setError('Não foi possível carregar os dados do cálculo');
+      toast.error('Erro ao carregar dados do cálculo');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  useEffect(() => {
     loadCalculo();
   }, [calculoId]);
 
@@ -2001,8 +2006,4 @@ function HistoricoTab({
       )}
     </div>
   );
-}
-      )}
-    </div>
-  );
 }