Naprawiono ostrzeżenia i błędy hooków React

- Użyj useMemo do początkowego formData w EditTask i EditUser
- Oddziel useEffect dla aktualizacji formData, aby uniknąć kaskadowego renderowania
- Dodano komentarze eslint-disable dla ostrzeżeń biblioteki niezgodnej z tabelą TanStack
- Naprawiono ostrzeżenia setState w trakcie działania

Author: gmaxsoft

src/components/tasks/EditTask.tsx

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useMemo } from 'react';
 import { useTaskStore } from '../../store/taskStore';
 import type { Task } from '../../types/task';
 
@@ -10,30 +10,28 @@ interface EditTaskProps {
 
 export default function EditTask({ task, onClose, onSuccess }: EditTaskProps) {
   const { updateTask, users, fetchUsers } = useTaskStore();
-  const [formData, setFormData] = useState({
+  
+  const initialFormData = useMemo(() => ({
     title: task.title,
     description: task.description || '',
     priority: task.priority,
     status: task.status,
     user_id: task.user_id,
     start_date: task.start_date ? new Date(task.start_date).toISOString().split('T')[0] : '',
     end_date: task.end_date ? new Date(task.end_date).toISOString().split('T')[0] : '',
-  });
+  }), [task]);
+
+  const [formData, setFormData] = useState(initialFormData);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
 
   useEffect(() => {
     fetchUsers();
-    setFormData({
-      title: task.title,
-      description: task.description || '',
-      priority: task.priority,
-      status: task.status,
-      user_id: task.user_id,
-      start_date: task.start_date ? new Date(task.start_date).toISOString().split('T')[0] : '',
-      end_date: task.end_date ? new Date(task.end_date).toISOString().split('T')[0] : '',
-    });
-  }, [task, fetchUsers]);
+  }, [fetchUsers]);
+
+  useEffect(() => {
+    setFormData(initialFormData);
+  }, [initialFormData]);
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();

src/components/tasks/TaskTable.tsx

@@ -201,6 +201,7 @@ export default function TaskTable() {
     [deletingTaskId, user, handleDelete]
   );
 
+  // eslint-disable-next-line react-hooks/incompatible-library
   const table = useReactTable({
     data: tasks,
     columns,

src/components/users/EditUser.tsx

@@ -10,21 +10,21 @@ interface EditUserProps {
 
 export default function EditUser({ user, onClose, onSuccess }: EditUserProps) {
   const { updateUser } = useUsersStore();
-  const [formData, setFormData] = useState({
+  
+  const initialFormData = useMemo(() => ({
     full_name: user.full_name || '',
     role: user.role,
     active: user.active,
-  });
+  }), [user]);
+
+  const [formData, setFormData] = useState(initialFormData);
   const [error, setError] = useState<string | null>(null);
   const [loading, setLoading] = useState(false);
 
+  // Update form data when user prop changes
   useEffect(() => {
-    setFormData({
-      full_name: user.full_name || '',
-      role: user.role,
-      active: user.active,
-    });
-  }, [user]);
+    setFormData(initialFormData);
+  }, [initialFormData]);
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault();

src/components/users/UsersTable.tsx

@@ -122,6 +122,7 @@ export default function UsersTable() {
     [deletingUserId, handleDelete]
   );
 
+  // eslint-disable-next-line react-hooks/incompatible-library
   const table = useReactTable({
     data: users,
     columns,