fix: add strict mode & update users hook

src/app/main.tsx

@@ -3,8 +3,13 @@ import { createRoot } from 'react-dom/client';
 import { App } from './app';
 
 import './scss/main.scss';
+import { StrictMode } from 'react';
 
 const container = document.querySelector('#app') as HTMLElement;
 const root = createRoot(container);
 
-root.render(<App />);
+root.render(
+  <StrictMode>
+    <App />
+  </StrictMode>
+);

src/modules/users/api/api.ts

@@ -1,10 +1,11 @@
 import { jsonApiInstance } from '@/shared/api/instances';
 import { User } from './types';
+import { GenericAbortSignal } from 'axios';
 
 export const routes = {
   users: '/users',
 };
 
-export const fetchUsers = () => {
-  return jsonApiInstance.get<User[]>(routes.users);
+export const fetchUsers = (signal: GenericAbortSignal) => {
+  return jsonApiInstance.get<User[]>(routes.users, { signal });
 };

src/modules/users/lib/use-users.ts

@@ -9,14 +9,22 @@ export const useUsers = () => {
   const [error, setError] = useState<string>('');
 
   useEffect(() => {
+    const abortController = new AbortController();
+
     setLoading(true);
 
     setTimeout(() => {
-      fetchUsers()
+      fetchUsers(abortController.signal)
         .then(({ data }) => setUsers(data))
-        .catch(() => setError('Error fetching users'))
+        .catch((error) => {
+          const isNotCancelled = error.name !== 'CanceledError';
+
+          if (isNotCancelled) setError('Error fetching users');
+        })
         .finally(() => setLoading(false));
     }, 800);
+
+    return () => abortController.abort();
   }, []);
 
   return { users, isLoading, error };