wip

apps/website/app/teams/[id]/page.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useCallback } from 'react';
 import { useParams } from 'next/navigation';
 import Card from '@/components/ui/Card';
 import Button from '@/components/ui/Button';
@@ -19,7 +19,7 @@ import {
   removeTeamMember,
   updateTeamMemberRole,
   TeamRole,
-} from '@gridpilot/racing/application';
+} from '@/lib/racingLegacyFacade';
 
 type Tab = 'overview' | 'roster' | 'standings' | 'admin';
 
@@ -33,7 +33,7 @@ export default function TeamDetailPage() {
   const [loading, setLoading] = useState(true);
   const [isAdmin, setIsAdmin] = useState(false);
 
-  const loadTeamData = () => {
+  const loadTeamData = useCallback(() => {
     const teamData = getTeam(teamId);
     if (!teamData) {
       setLoading(false);
@@ -48,11 +48,11 @@ export default function TeamDetailPage() {
     setMemberships(teamMemberships);
     setIsAdmin(adminStatus);
     setLoading(false);
-  };
+  }, [teamId]);
 
   useEffect(() => {
     loadTeamData();
-  }, [teamId]);
+  }, [loadTeamData]);
 
   const handleUpdate = () => {
     loadTeamData();

apps/website/app/teams/page.tsx

@@ -7,7 +7,7 @@ import Button from '@/components/ui/Button';
 import Input from '@/components/ui/Input';
 import Card from '@/components/ui/Card';
 import CreateTeamForm from '@/components/teams/CreateTeamForm';
-import { getAllTeams, getTeamMembers, type Team } from '@gridpilot/racing/application';
+import { getAllTeams, getTeamMembers, type Team } from '@/lib/racingLegacyFacade';
 
 export default function TeamsPage() {
   const router = useRouter();