| 55 | |
| 56 | useEffect(() => { |
| 57 | const fetchProjects = async () => { |
| 58 | setIsLoading(true); |
| 59 | setError(null); |
| 60 | try { |
| 61 | const response = await fetch('/api/wiki/projects'); |
| 62 | if (!response.ok) { |
| 63 | throw new Error(`Failed to fetch projects: ${response.statusText}`); |
| 64 | } |
| 65 | const data = await response.json(); |
| 66 | if (data.error) { |
| 67 | throw new Error(data.error); |
| 68 | } |
| 69 | setProjects(data as ProcessedProject[]); |
| 70 | } catch (e: unknown) { |
| 71 | console.error("Failed to load projects from API:", e); |
| 72 | const message = e instanceof Error ? e.message : "An unknown error occurred."; |
| 73 | setError(message); |
| 74 | setProjects([]); |
| 75 | } finally { |
| 76 | setIsLoading(false); |
| 77 | } |
| 78 | }; |
| 79 | |
| 80 | fetchProjects(); |
| 81 | }, []); |