wip

apps/website/components/leagues/LeagueSchedule.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { useRouter } from 'next/navigation';
 import { Race } from '@gridpilot/racing/domain/entities/Race';
 import {
@@ -25,11 +25,7 @@ export default function LeagueSchedule({ leagueId }: LeagueScheduleProps) {
 
   const currentDriverId = useEffectiveDriverId();
 
-  useEffect(() => {
-    loadRaces();
-  }, [leagueId]);
-
-  const loadRaces = async () => {
+  const loadRaces = useCallback(async () => {
     setLoading(true);
     try {
       const raceRepo = getRaceRepository();
@@ -59,7 +55,12 @@ export default function LeagueSchedule({ leagueId }: LeagueScheduleProps) {
     } finally {
       setLoading(false);
     }
-  };
+  }, [leagueId, currentDriverId]);
+
+  useEffect(() => {
+    loadRaces();
+  }, [loadRaces]);
+
 
   const handleRegister = async (race: Race, e: React.MouseEvent) => {
     e.stopPropagation();