From 234412df89ff36ae160360df6dec7b60436f84ea Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 8 Jan 2026 04:13:59 +0000
Subject: [PATCH] Fix: Add useCallback to fetchConstraints to prevent stale
 closure issues

Co-authored-by: johndoe6345789 <224850594+johndoe6345789@users.noreply.github.com>
---
 src/components/admin/ConstraintManagerTab.tsx | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/admin/ConstraintManagerTab.tsx b/src/components/admin/ConstraintManagerTab.tsx
index 2635a28..2006cfe 100644
--- a/src/components/admin/ConstraintManagerTab.tsx
+++ b/src/components/admin/ConstraintManagerTab.tsx
@@ -16,7 +16,7 @@ import {
   TableRow,
   Typography,
 } from '@mui/material';
-import { useEffect, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { getConstraintTypes, getFeatureById } from '@/utils/featureConfig';
 import ConstraintDialog from './ConstraintDialog';
 
@@ -48,15 +48,7 @@ export default function ConstraintManagerTab({
   const canDelete = feature?.ui.actions.includes('delete');
 
   // Fetch constraints when table is selected
-  useEffect(() => {
-    if (selectedTable) {
-      fetchConstraints();
-    } else {
-      setConstraints([]);
-    }
-  }, [selectedTable]);
-
-  const fetchConstraints = async () => {
+  const fetchConstraints = useCallback(async () => {
     try {
       const response = await fetch(
         `/api/admin/constraints?tableName=${selectedTable}`,
@@ -72,7 +64,15 @@ export default function ConstraintManagerTab({
     } catch (error) {
       console.error('Failed to fetch constraints:', error);
     }
-  };
+  }, [selectedTable]);
+
+  useEffect(() => {
+    if (selectedTable) {
+      fetchConstraints();
+    } else {
+      setConstraints([]);
+    }
+  }, [selectedTable, fetchConstraints]);
 
   const handleConstraintOperation = async (data: any) => {
     if (dialogState.mode === 'add') {