diff --git a/src/pages/ManufacturerRides.tsx b/src/pages/ManufacturerRides.tsx index b3241cab..90e12096 100644 --- a/src/pages/ManufacturerRides.tsx +++ b/src/pages/ManufacturerRides.tsx @@ -1,4 +1,4 @@ -import { useState, useEffect } from 'react'; +import { useState, useEffect, useCallback } from 'react'; import { useParams, useNavigate } from 'react-router-dom'; import { Header } from '@/components/layout/Header'; import { Button } from '@/components/ui/button'; @@ -21,13 +21,7 @@ export default function ManufacturerRides() { const [filterCategory, setFilterCategory] = useState('all'); const [filterStatus, setFilterStatus] = useState('all'); - useEffect(() => { - if (manufacturerSlug) { - fetchData(); - } - }, [manufacturerSlug, sortBy, filterCategory, filterStatus]); - - const fetchData = async () => { + const fetchData = useCallback(async () => { try { // Fetch manufacturer const { data: manufacturerData, error: manufacturerError } = await supabase @@ -84,7 +78,13 @@ export default function ManufacturerRides() { } finally { setLoading(false); } - }; + }, [manufacturerSlug, sortBy, filterCategory, filterStatus]); + + useEffect(() => { + if (manufacturerSlug) { + fetchData(); + } + }, [manufacturerSlug, fetchData]); const filteredRides = rides.filter(ride => ride.name.toLowerCase().includes(searchQuery.toLowerCase()) ||